【5】HTML基础(3)——HTML常用标签①
【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 |
下篇继续html常用标签…