HTML：网页设计案例3_html网页制作案例

作者：Gausst松鼠会 | 2024-02-29 17:14:13

踩

html网页制作案例

编写如下图所示页面的代码，所需辅助文字材料如下：
第一部分：“1.标题字应用”
在这里插入图片描述
第二部分：“2.段落、字体标记应用”
段落的内容如下：
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。
第三部分：“3.文本标记应用”
具体内容如下：
2X2+3x=9 x1+x2=10
地址：江苏省南京市珠江路1924号
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
第四部分：“4.其它排版标记应用”
内容如下：
《春思》
李白
燕草如碧丝，秦桑低绿枝。
当君怀归日，是妾断肠时。
春风不相识，何事入罗帏？
【评析】:这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物
起兴，写独处秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他
早日归来。三、四句由开头两句生发而来，继续写燕草方碧，夫君必定思归
怀己，此时秦桑已低，妾已断肠，进一层表达了思妇之情。五、六两句，以
春风掀动罗帏时，思妇的心理活动，来表现她对爱情坚贞不二的高尚情操。
全诗以景寄情，委婉动人。

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>格式化文本信息</title>
		<meta name="author" content="huyiwei">
	</head>
	<body>
		<h4>
			[1、标题字应用]
		</h4>
		<h1>
			<ruby>
				软<rp>
						<rt>
							ruan
						</rt>
				</rp>
				件<rp>
						<rt>
							jian
						</rt>
				</rp>
				工<rp>
						<rt>
							gong
						</rt>
				</rp>
				程<rp>
						<rt>
							cheng
						</rt>
				</rp>
			</ruby>
			是全国就业薪酬涨幅最大的专业
		</h1>
		<h5 align = "left">
			软件工程是全国就业薪酬涨幅最大的专业
		</h5>
		<h6 align = "right">
			软件工程是全国就业薪酬涨幅最大的专业
		</h6>
		<hr width="100%" size="3" color="red">
		<h4>
			2.段落、字体标记应用
		</h4>
		<font face = "楷体" size = "3" color = "blue">
			<b>
				&nbsp;&nbsp;&nbsp;&nbsp;网页的本质就是超级文本标记语言，通过结合使用其他
				的Web技术（如：脚本语言、公共网关接口、组件等），
				可以创造出功能强大的网页。
			</b>
		</font>
		<hr width="100%" size="3" color="red">
		<h4>
			3.文本标记应用
		</h4>
		<p>
		2X<sup>2</sup>+3x=9&nbsp;&nbsp;x<sub>1</sub>+x<sub>2</sub>=10<br><br>
		地址：江苏省南京市珠江路1924号<br><br>
		<blockquote>
			超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页
			中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容
			(如：文字如何处理，画面如何安排，图片如何显示等）。
		</blockquote>
		</p>
		<h4>
			4.其它排版标记应用
		</h4>
		<blockquote><blockquote>
			<font size = "6" color = "red">
				《春思》
			</font><br>
			<font size = "2" color = "black">
				 <blockquote>
					&nbsp;&nbsp;李白
				 </blockquote>
			</font>
			<font size = "2" color = "black">
					燕草如碧丝，秦桑低绿枝。<br>
					当君怀归日，是妾断肠时。<br>
					春风不相识，何事入罗帏？<br>
			</font>				
		</blockquote></blockquote>
		<blockquote>
		<p align = "left">
			<pre>
【评析】:这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物
起兴，写独处 秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他
早日归来。三、四句由 开头两句生发而来，继续写燕草方碧，夫君必定思归
怀己，此时秦桑已低，妾已断 肠，进一层表达了思妇之情。五、六两句，以
春风掀动罗帏时，思妇的心理活动，来 表现她对爱情坚贞不二的高尚情操。
全诗以景寄情，委婉动人。
			</pre>
		</p>
		</blockquote>
	</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

运行结果截图：
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/167067