Web程序设计笔记（四）

最新推荐文章于 2022-10-19 13:54:46 发布

在下小黄

最新推荐文章于 2022-10-19 13:54:46 发布

阅读量2.5k

点赞数 7

分类专栏： # 从零开始学习Web开发专栏文章标签： html css javascript html5

本文链接：https://blog.csdn.net/weixin_44519789/article/details/108610206

版权

从零开始学习Web开发专栏专栏收录该内容

8 篇文章 1 订阅

订阅专栏

大家好！我是【小黄】，因为我姓黄所以就叫小黄好了。
这博客是对自己学习和成长的一点点总结及记录，如果您对我写的还感兴趣，可以关注一下我的动态，我们一起学习、共同成长和进步。

书本太薄写尽心中所想，却看不到来日方长。
杯盏太浅盛的下唇齿留香，却品不尽尘世沧桑。
余生太短，饮下杯中美酒，愿能忘却忧愁。
既然此生不能再回首，那就潇洒风流的向前走。
就算前路荆棘若虎口，至少还有我和温柔。
♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡

创建时间：2020年9月14日

1. HTML 的水平线：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web程序设计笔记（四）</title>
	</head>
	<body>
		<!-- 定义HTML水平线 ： -->
		<p>标签定义水平线：</p>
			<hr />
			<p>在下小黄 。</p>
			<hr />
			<p>在下小黄 。</p>
			<hr />
			<p>在下小黄 。</p>
	</body>
</html>

在这里插入图片描述

2. HTML 居中对齐：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web程序设计笔记（四）</title>
	</head>
	<body>
		<!-- 定义居中对齐 ： -->
		<center>书本太薄写尽心中所想，却看不到来日方长。</center>
		<center>杯盏太浅盛的下唇齿留香，却品不尽尘世沧桑。</center>
		<center>余生太短，饮下杯中美酒，愿能忘却忧愁。</center>
		<center> 既然此生不能再回首，那就潇洒风流的向前走。</center>
		<center>就算前路荆棘若虎口，至少还有我和温柔。</center>
		<hr />
		
		<!-- 这里写了第二种用法，顺便演示了一下分行： -->
		<center>
			书本太薄写尽心中所想，却看不到来日方长。<br>
			杯盏太浅盛的下唇齿留香，却品不尽尘世沧桑。<br>
		    余生太短，饮下杯中美酒，愿能忘却忧愁。<br>
			既然此生不能再回首，那就潇洒风流的向前走。<br>
			就算前路荆棘若虎口，至少还有我和温柔。<br>
		<hr />
		</center>
	</body>
</html>

在这里插入图片描述

3. HTML 文本格式化和预格式化标记：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web程序设计笔记（四）</title>
	</head>
	<body>
	<!-- 定义HTML文本格式化 ： -->
	<!-- 1. 定义加粗文本 ： -->
	<b>加粗文本</b><br>
	<!-- 2. 定义斜体文本 ： -->
	<i>斜体文本</i><br>
	<!-- 3. code 定义电脑输出字符用于表示计算机源代码或者其他机器可以阅读的文本内容 -->
	<code>电脑自动输出</code><br>
	这是 <sub> 下标</sub> 和 <sup> 上标</sup>
	<!-- 4. pre 定义预格式化的文本 ，在文本中通常会保留空格和换行符 文本为定宽字体 -->
	<pre>
		在下小黄
		<!-- 注意 ：在这里不能定义段落标签<p> / <address> 标签 -->
	</pre>
	</body>
</html>

在这里插入图片描述

4. HTML 列表项目标记：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web程序设计笔记（四）</title>
	</head>
	<body>
	<!-- 列表项目标记 ： -->
	<p>
	<li>在下小黄</li>
	<li>在下小黄</li>
	<li>在下小黄</li>
	<li>在下小黄</li>
	<li>在下小黄</li>
	<li>在下小黄</li>
	<li>在下小黄</li>
	<li>在下小黄</li>
	</p>
	<hr />
	
	<!-- 1. 无序列表标记 -->
	<p>
		<ul>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>	
		</ul>
	</p>
	<hr />
	
	<!-- 2. 有序列表标记 -->
	<p>
		<ol>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>	
		</ol>
	</p>
	<hr />
	</body>
</html>

在这里插入图片描述

5. HTML 有序列表标记（补）：

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web程序设计笔记（四）</title>
	</head>
	<body>
	<!-- 1. 有序列表标记  ：-->
	<!-- 大写字母排列 ： -->
	<p>
		<ol type="A">
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>	
		</ol>
	</p>
	<hr />
	<!-- 小写字母排列 ： -->
	<p>
		<ol type="a">
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>	
		</ol>
	</p>
	<hr />
	<!-- 大写罗马数字排列 ： -->
	<p>
		<ol type="I">
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>	
		</ol>
	</p>
	<hr />
	<!-- 小写罗马数字排列 : -->
	<p>
		<ol type="i">
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>
		<li>在下小黄</li>	
		</ol>
	</p>
	<hr />
	</body>
</html>

在这里插入图片描述

各位路过的朋友，如果觉得可以学到些什么的话，点个赞再走吧，欢迎各位路过的大佬评论，指正错误，也欢迎有问题的小伙伴评论留言，私信。

每个小伙伴的关注都是本人更新博客的动力！！！
请微信搜索【在下小黄】文章更新将在第一时间阅读！
在这里插入图片描述

把握现在，展望未来，加油！

由于水平有限，写的难免会有些不足之处，恳请各位大佬不吝赐教！

在下小黄

关注

7
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
3
评论
Web程序设计笔记（四）

大家好！我是【小黄】，因为我姓黄所以就叫小黄好了。这博客是对自己学习和成长的一点点总结及记录，如果您对我写的还感兴趣，可以关注一下我的动态，我们一起学习、共同成长和进步。书本太薄写尽心中所想，却看不到来日方长。杯盏太浅盛的下唇齿留香，却品不尽尘世沧桑。余生太短，饮下杯中美酒，愿能忘却忧愁。既然此生不能再回首，那就潇洒风流的向前走。就算前路荆棘若虎口，至少还有我和温柔。♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡创建时间：2020年9月14日HTML 目...
复制链接

扫一扫