【5】HTML基础（3）——HTML常用标签①

发布于2021-01-31 14:51 阅读(893) 评论(0) 点赞(8) 收藏(2)

【5】HTML基础（3）——HTML常用标签①

★文章内容学习来源：拉勾教育大前端就业集训营
#目录
一、注释
二、标题标签
三、段落和换行标签
四、文本格式化标签

一、注释

(一）语法：


注释只在源代码中可见，在浏览器窗口是不显示的。

（二）作用：

①在源代码中添加描述性的提示信息，便于我们阅读代码。
②对于HTML纠错也大有帮助，可以通过注释某一行HTML代码，以便检索错误的位置。
③暂时注释掉一部分不用的代码，便于后期恢复代码

二、标题标签

（一）语法：

通过<h1>-<h6>六个标签分别来对六个级别的标题进行定义的。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

（二）作用

★给标签内部的元素内容添加对应级别标题的语义，不负责文字的粗体、字号等样式。
样式是由CSS设定的。
在这里插入图片描述

（三）标签级别

标题标签之间是不能互相嵌套的，下一级标题与上级标题之间通过同级关系书写，下一级标题解释说明的是前面距离最近的上一级标题。

（四）权重

标题标签对于呈现文档结构非常重要，使用时要根据标签的重要程度进行选择；
其中<h1>标签最重要，<h2>标签次重要，以此类推。
★<h1>在整个HTML中的权重非常高，内部应该放置HTML中最重要的内容，比如logo。

三、段落和换行标签

（一）段落（paragraph）

1.语法：

(1)<p>标签进行定义的;
(2)双标签;
(3)文本级标签;
内部只能放置文本、图片、表单元素，或者废弃的<font>标签等。
示例：

<p>这是一个段落</p>

2.作用：

（1）给标签内部的内容添加一个完整段落的语义，不负责内容自动换行的样式。换行的效果是由CSS决定的。

（二）换行（breaking）

1.语法

（1）<br/>标签是HTML中一个简单的换行符；
（2）在需要换行的位置可以使用<br/>标签书写；
（3）单标签

2.作用

（1）<br/>与<p>不同，<br/>没有建立新的落的语义，只是简单的进行强制换行。
（2）每一对儿

标签内部的元素内容为一个完整的段落，如果有多个段落，需要分别使用不同的

标签进行定义。
示例正确写法：

<p>这是第一个段落</p>
<p>这是第二个段落</p>
<p>这是第三个段落</p>

示例错误写法：

<p>这是第一个段落</br>
这是第二个段落</br>
这是第三个段落</p>

四、文本格式化标签

HTML中有部分标签是用来对文字进行格式化显示设置的，比如粗体和斜体等;
但是在HTML4.0版本规范后，结构和样式进行了分离，HTML只负责搭建结构，CSS负责格式化样式，所以大部分文本格式化标签被废弃，但是在HTML4.01和
XHTML1.0 transitional版本中依旧可以使用。
★文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字。

标签	描述
b	定义粗体文本，bold
big	定义大号字
em	定义着重文字，emphasis，自带斜体效果
i	定义斜体字，italic
small	定义小号字
strong	定义加重语气，自带加粗效果
sub	定义下标字，subscript
sup	定义上标字，superscript
ins	定义插入字，自带下划线效果，insert
del	定义删除字，delete
s	不赞成使用，使用del代替，strike的简化
strike	不赞成使用，使用del代替
u	定义下划线，不赞成使用，使用css中样式代替，underline