目录
1.b/strong标签
这个标签是用于加粗文字的,一般用于强调某个部分的作用。
在以后使用中,推荐使用 strong 标签。
2.i/em 标签
它们的使用是让文字变为斜体
3.u标签
它的作用是给文字添加下划线
4.del删除线
它的使用是给文字添加删除线
5.br换行
不需要</br>
6.p标签 *
这个标签是一个段落标签,它本身就自带了行间距。在这个标签中的文件会独占一行。
7.pre 预处理标签
这个标签的作用是书写的内容与显示的样式内容相同。
这个标签一般用于显示源码的。
8.span标签**
它是一个行内标签,它没有什么特殊的意义,但是在使用中却比较多。一般会接合 css 样式来修饰文本。
9.div标签***
它是一个块状标签,一般用于页面布局。
10.sub标签
这个标签的作用是指定下标,一般用于数字方面。
11.sup标签
这个标签的作用是指定上标,一般用于数字方面。
12.hr标签
这个标签用于给页面划水平线。不需要</hr>
标签属性说明:
13.hn标签
这个标签中的 n 是 1 ~ 6 的数字,一般用于标题。
14.HTML5中语义标签
这个标签是 HTML5 中定义的新的语义标签,有以下几个:
-
header:用于定义页面的顶部
-
article:用于表示文章的内容
-
section:用于定义内容的分块信息
-
nav:用于定义页面的导航部分
-
aside:用于定义页面的侧边栏
-
footer:用于定义页面的页脚部分
-
address:用于定义用户邮件、地址等信息
特殊字符
在 HTML 中有很多特殊字符,如下表所示
特殊字符 | 转义码 |
---|---|
空格 | |
< | < |
> | > |
版权 | © |
15.多媒体标签
img***
这个标签的作用是在页面中引入图片
标签属性说明:
a 标签***
这个标签是用于作链接的标签。
第一种用法:超链接
属性说明:
href:这个属性是一个必须属性,用于指定要打开的目标地址 target:链接打开的方式,有以下几个值: - _blank:在新窗口打开 - _self:在本窗口打开,默认值 - _top:在父窗口打开,一般用于 frame 框架时 - _parent:在父窗口打开,一般用于 frame 框架时
第二种用法:锚点
audio 标签
这个标签是用于播放音乐的标签。常用支持格式为 mp3 格式。
标签属性说明:
1. controls:它是用于对播放器进行控制器的,即显示播放器的控制按钮 2. src:用于指定音频文件的路径 3. autoplay:指定是否自动播放 4. loop:指定是否循环播放
video标签
标签属性说明:
1. src:指定要播放的视频地址,可以是相对路径,也可以是绝对路径。这个标签所支持的视频格式不多, 目前只把持 mp4、ogg 两种 2. controls:显示播放控制按钮 3. autoplay:自动播放 4. loop:自动循环 5. width:设置播放器的宽度 6. height:设置播放器的高度
16.表格标签**
在我们进行数据展示时,很多时候都会用到表格,特殊是在后台进行数据管理时,或者显示列表数据时,就会用表格。
要使用表格就需要用到 table 标签,而表格是由行和列组成。行的标签是 tr,而列的标签是 td 或 th。
基本表格
表格的标签和属性说明:
带标题的表格
使用 caption 来指定表格的标题,使用 thead 标签来指定表格的头,tbody 来指定表格数据区,tfoot 指定表格的尾部。
td 和 th 的区别:
-
td中的内容是普通格式,而 th 中的内容是加粗的格式
-
td中的内容是左对齐,而 th 中的内容是居中对齐
跨行跨列表格
相关属性说明:
1. colspan:用于指定要跨多少列,它的值是一个数字 2. rowspan:用于指定要跨多少行,它的值是一个数字
表格嵌套
17.列表标签***
在 HTML 中,列表标签有以下几种:
-
ul
-
ol
-
dl
ul
它是无序列表标签
标签和属性说明:
ol
它是有序列表
type属性有以下值:
dl
它数据列表
18.表单标签***
form标签
这个标签是用于表单提交的标签,一般在与用户交互时就会用到 form 标签。
标签属性说明:
name:用于给这个表单取一个唯一的名称,便于后续使用 js 来操作这个表单 action:表单提交的地址 method:表单提交的方式,有以下两个值: - get:表单以 get 方式提交 - post:表单以 post 方式提交
input
这是表单元素中非常重要一组标称,它有很多类型:
select
select是下拉列表标签
标签属性说明:
textarea
这个标签是用于输入大文本内容的标签。
标签属性说明: