• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

【5】HTML基础(3)——HTML常用标签①

互联网 diligentman 4周前 (01-31) 15次浏览

【5】HTML基础(3)——HTML常用标签①

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

一、注释

(一)语法:

<!--书写注释内容-->
注释只在源代码中可见,在浏览器窗口是不显示的。

(二)作用:

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

二、标题标签

(一)语法:

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

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

(二)作用

★给标签内部的元素内容添加对应级别标题的语义,不负责文字的粗体、字号等样式。
样式是由CSS设定的。
【5】HTML基础(3)——HTML常用标签①

(三)标签级别

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

(四)权重

标题标签对于呈现文档结构非常重要,使用时要根据标签的重要程度进行选择;
其中<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

下篇继续html常用标签…


程序员灯塔
转载请注明原文链接:【5】HTML基础(3)——HTML常用标签①
喜欢 (0)