1.HTML标签学习-标题,段落,换行,水平线,加粗,倾斜,下划线,删除线。

1.HTML标签学习

目标:学习 HTML 排版、媒体、链接 等基础标签,完成 基础网页 的开发

1. 排版标签
	1. 标题标签
	2. 段落标签
	3. 换行标签
	4. 水平线标签
2. 文本格式化标签
3. 媒体标签
4. 链接标签

1.1.2 小结

➢ 标题标签一共有几个?分别表示什么含义?
	• h1标签:一级标题
	• h2标签:二级标题
	• h3标签:三级标题
	• h4标签:四级标题
	• h5标签:五级标题
	• h6标签:六级标题
➢ 标题标签有哪些特点?
	• 文字都有加粗
	• 文字都有变大,但是从h1 → h6文字逐渐减小
	• 独占一行

测试如下:

1.2.1 段落标签

测试:

1.3.1 换行标签

测试:

1.4.1 水平线标签

测试

2.1 文本格式化标签的介绍

测试

2.2 标签语义化(了解)

➢ 实际项目开发中选择标签的原则:标签语义化
	• 即:根据语义选择对应正确的标签
	• 如:需要写标题,就使用h系列标签
	• 如:需要写段落,就使用p标签
	• ……
➢ 好处:
	• 对人:好理解,好记忆
	• 对机器:有利于机器解析,对搜索引擎(SEO)有帮助
➢ 推荐:
	• strong、ins、em、del,表示的强调语义更强烈!

小结

➢ 文字加粗用什么标签?
	• strong标签
➢ 文字下划线用什么标签?
	• ins标签
➢ 文字倾斜用的什么标签?
	• em标签
➢ 文字删除线用什么标签?
	• del标签
posted @ 2022-11-27 14:36  a-tao必须奥利给  阅读(380)  评论(0)    收藏  举报