Web程序设计笔记(四)

时间:2020-9-16 作者:admin


大家好 ! 我是【小黄】,因为我姓黄所以就叫小黄好了。

这博客是对自己学习和成长的一点点总结及记录,如果您对我写的还感兴趣 , 可以关注一下我的动态,我们一起学习 、共同成长和进步。

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


创建时间:2020年9月14日

HTML 目录 :

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>

Web程序设计笔记(四)

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>

Web程序设计笔记(四)

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>

Web程序设计笔记(四)

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>

Web程序设计笔记(四)

5. HTML 有序列表标记(补):

Web程序设计笔记(四)

<!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>

Web程序设计笔记(四)


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

每个小伙伴的关注都是本人更新博客的动力!!!
请微信搜索【 在下小黄 】文章更新将在第一时间阅读 !
Web程序设计笔记(四)

把握现在 ,展望未来 ,加油 !


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

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。