标签按照<>的对数可以分为如下两类分别为双标签与单标签,下面我们具体来了解一下这两类标签。
1)双标签
双标签指由开始和结束两个标记符组成的标记。其基本语法格式如下:
1. <标记名></标记名>
常见的双标签有如下几种:
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
5. <h1></h1>
6. <p></p>
7.
8. <!--块级元素-->
9. <div></div>
10. <span></span>
11.
12. <!--超链接元素-->
13. <a></a>
14.
15. <!--列表元素-->
16. <ul></ul>
2)单标签
单标签是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下:
1. <标记名/>
常见的单标签有如下几种:
1. <!--换行标签-->
2. <br/>
3.
4. <!--分隔线标签-->
5. <hr/>
6.
7. <!--图片标签-->
8. <img/>
(2)HTML元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码,如<p>段落</p>。元素可以进行嵌套具体如下:
1. <div>
2. <h1>我是标题</h1>
3.
4. <div>
5. <p>元素嵌套示列</p>
6. </div>
7.
8. </div>
(3)HTML属性
属性为 HTML 元素提供附加信息,可分为全局属性(即所有元素均可使用的属性,如id,class等)和元素属性(部分元素可使用的属性,例如<a href="http://www.baidu.com">搜索</a>),属性通常由属性名="属性值"构成,存在于开始标签中,示列如下:
(4)HTML实体编码
对于部分不易通过键盘输入的或和HTML冲突的部分符合,引入对应的"实体编码",如< <> >空格 。
(5)HTML事件
通过某个动作,执行某个操作/JS脚本的能力。如点击按钮,改变颜色,事件可以分为多类比多鼠标点击、鼠标聚焦等,下面我看看看一个事件编写示列:
(1)h标签
h 标签有六种分别为h1、h2、h3、h4、h5、h6,这六个分别对应六种样式的标题,我们现在来编写这六种h标签,演示代码如下:
1. <!DOCTYPEhtml>
2. <html>
3. <head>
4. <title>HTML基础教程</title>
5. <metacharset="utf-8"/>
6. </head>
7. <body>
8. <h1>H1标题</h1>
9. <h2>H2标题</h2>
10. <h3>H3标题</h3>
11. <h4>H4标题</h4>
12. <h5>H5标题</h5>
13. <h6>H6标题</h6>
14. </body>
15. </html>
我们来运行该HTML文件,来看看这六种h标签有什么样式差异,从示列中可以发现h1标签字体最大然后依次减小。