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)有帮助
➢ 推荐:
	• stronginsemdel,表示的强调语义更强烈!

小结

➢ 文字加粗用什么标签?
	• strong标签
➢ 文字下划线用什么标签?
	• ins标签
➢ 文字倾斜用的什么标签?
	• em标签
➢ 文字删除线用什么标签?
	• del标签
posted @   a-tao必须奥利给  阅读(342)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
点击右上角即可分享
微信分享提示