本文介绍了HTML的基础知识，包括标签的分类（单标签与多标签）、标签间的关系（嵌套与并列），强调了标签语义化的意义，并详细讲解了排版标签如<h1>到<h6>、<p>、<hr>、<br>，以及文本格式化标签<b>、<i>、<s>、<u>和<div>、<span>的使用。同时，提到了标签属性的设置及其重要性。
一：标签的分类
标签主要分为单标签和多标签。
单标签是单个出现的，像我们常用的换行标签<br />
多标签是成对出现的，像我的html骨架中的<head></head>
二：标签之间的关系
标签之间的关系分为两种：嵌套关系和并列关系
嵌套关系：嵌套关系也叫做父子关系，是说一个标签在另有一个标签的内部，例如我们骨架中所学到的<head><title></title></head>
并列关系：并列关系也叫做兄弟关系，是指一个标签在另一个标签的下面，例如我们骨架中所学到的<head></head><body></body>
建议：如果标签与标签之间是嵌套关系，那么为了方便查看和维护，可以将子标签缩进一个Tab键的身位，如果两个标签是并列关系，那么，希望两个标签能够对齐。
三：标签语义化
- 为了方便代码的阅读和维护
- 让浏览器或网络爬虫更好的解析，从而更好地分析内容
- 使用语义化标签会具有更好的搜索引擎优化
四：html标签
- 排版标签
标题标签：<h1></h1> <h2></h2>........<h6></h6>。
标题标签主要包含6个，从一级标题到六级标题字号依次变小。
建议一级标题尽量少用，一级标题要给Logo使用。
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>h1到h6标题标签用例</title>
</head>
<body>
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>
</body>
</html>
效果：
段落标签： <p></p>
段落标签的p，主要是由paragraph而来
在文本中可以自动换行
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>段落标签练习</title>
</head&
最低0.47元/天 解锁文章
扫一扫
322
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
