• HTML：网页设计案例3

    编写如下图所示页面的代码，所需辅助文字材料如下：
    第一部分：“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>
				    网页的本质就是超级文本标记语言，通过结合使用其他
				的Web技术（如：脚本语言、公共网关接口、组件等），
				可以创造出功能强大的网页。
			b>
		font>
		<hr width="100%" size="3" color="red">
		<h4>
			3.文本标记应用
		h4>
		<p>
		2X<sup>2sup>+3x=9  x<sub>1sub>+x<sub>2sub>=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>
					  李白
				 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

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

  • 相关阅读:
    使用EasyExcel导入导出数据字典
    千兆以太网（一）——RGMII与GMII接口
    PCM会重塑汽车OTA格局吗(2)
    docker使用及Dockerfile编写
    我们如何优化 Elasticsearch Serverless 中的刷新成本
    程序员的土味情话
    git管理常用命令
    神经网络算法入门书籍,神经网络相关书籍
    深度学习与CV教程(12) | 目标检测 (两阶段,R-CNN系列)
    Webpack & 基础入门以及接入 CSS、Typescript、Babel
  • 原文地址：https://blog.csdn.net/weixin_55804957/article/details/126844533