[Web front-end basics] Experiment 1 HTML basics, formatted text and paragraphs

Item 1 Application of Text and Paragraph Marks

Part 1: "1. Title word application"

Title word application renderings

Part II: "2. Paragraph, Font Markup Application"

The content of the paragraph is as follows:

The essence of web pages is hypertext markup language, and powerful web pages can be created by using other web technologies (such as: scripting language, common gateway interface, components, etc.) in combination.

Part III: "3. Text Markup Application"

The specific content is as follows:
2X2+3x=9 x1+x2=10
Address: No. 1924, Zhujiang Road, Nanjing City, Jiangsu
Province symbols to mark sections of the web page to be displayed. The web page file itself is a text file. By adding tags to the text file, you can tell the browser how to display the content (such as: how to process text, how to arrange screens, how to display pictures, etc.).

Part IV: "4. Application of other typographical marks"

The content is as follows:
"Spring Thoughts"
by Li
Bai Swallow grass is like blue silk, and Qin Sang has low green branches.
When Jun Huai returns to the sun, it is when the concubine is heartbroken.
I don't know each other in the spring breeze, so why enter the curtain?
[Comment and Analysis]: This is a poem describing the mood of a woman who misses her. The first two sentences start with the spring scenery of Yan Qin, which is far away
, and describe the missing woman who lives alone in Qin land
. The third and fourth sentences are derived from the first two sentences, continue to write Yancao Fangbi, the husband must be thinking of returning to
himself, at this time Qin Sang is low, and the concubine is heartbroken, which further expresses the feeling of missing his wife. The five and six sentences use
the psychological activities of the woman who misses her when the spring breeze stirs the curtain to express her noble sentiments of being steadfast in love.
The whole poem expresses affection with scenery, which is euphemistic and moving.

<!doctyoe html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>格式化文本信息</title>
    <style type="text/css">
    div{
      
      text-align:center;}
    </style>
</head>
<body>
    <h5 align="left">【1.标题字应用】</h5>
    <h3 align="center">软件工程是全国就业薪资涨幅最大的专业</h3>
    <h5 align="left">软件工程师全国就业薪资涨幅最大的专业</h5>
    <h6 align="right">软件工程师全国就业薪资涨幅最大的专业</h6>
    <hr size="2" color="red" width="100%"/>
    <h5  align="left">【2.段落、字体标记应用】</h5>
    <font face="隶书" size="+1" color="blue">网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。</font>
    <h5  align="left">【3.文本标记应用】</h5>
    <p><b>   2X<sup>2</sup>+3x=9   </b> &nbsp; x<sub>1</sub>+x<sub>2</sub>=10</p> 
     <small><address>地址:江苏省南京市珠江路1924号</address></small>
     <blockquote><small>
        超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。   
     </small></blockquote>
     <h5  align="left">【4.其它排版标记应用】</h5>
     <h3 ><pre style="color:red">
        春    思
     </pre></h3>
     <p><pre>
                       --李白
                                燕草如碧丝,秦桑低绿枝。
                                    当君怀归日,是妾断肠时。
                                    春风不相识,何事入罗帏?
     </pre></p>
    
</body>
<blockquote>
    <small>【评析】:这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物
    起兴,写独处 秦地的思妇触景生情,终日思念远在燕地卫戍的夫君,盼望他
    早日归来。三、四句由 开头两句生发而来,继续写燕草方碧,夫君必定思归
    怀己,此时秦桑已低,妾已断 肠,进一层表达了思妇之情。五、六两句,以
    春风掀动罗帏时,思妇的心理活动,来表现她对爱情坚贞不二的高尚情操。全诗以景寄情,委婉动人。    
 </small></blockquote>
 <hr size="2" color="purple" width="100%"/>
</html>

Guess you like

Origin blog.csdn.net/Lailalalala/article/details/126071687