前端html常用标签

122 阅读1分钟

1. 页面标签

< !DOCTYPE >定义网页类型

<!doctype html>

< html >< /html >定义html文档

< script >< /script >定义脚本

< head >< /head >定义网页的信息

< meta >定义元信息

<meta charset="utf-8">

< title >< /title >定义网页标题

< link >定义资源引用

< style >< /style >定义网页样式信息

< body >< /body >定义网页内容

2. 格式标签

< p >< /p >段落

< h1 >< /h1 >~< h6 >< /h6 >标题

< i >< /i >斜体文本

< big >< /big >大写字号

< small >< /small >小写字号

< sup >< /sup >上标文本

< sub >< /sub >下标文本

< ins >< /ins >被插入文本

< br >换行

< hr >水平线

< b >< /b >加粗

3. 表格标签

< table >< /table >定义表格

< caption >< /caption >定义标题

< thead >< /thead >定义表头部(眉)

< tbody >< /tbody >定义主体

< tfoot >< /tfoot >定义表尾部(脚)

< tr >< /tr >定义行

< td >< /td >定义单元格(列)

< th >< /th >定义表标题行

4. 列表标签

< ul >< /ul >定义无序列表

< ol >< /ol >定义有序列表

< li >< /li >定义无序/有序列表的列表项

< dl >< /dl >定义自定义列表

< dt >< /dt >定义自定义列表项

< dd >< /dd >定义自定义的描述

5. 布局&语义化标签

< div >< /div >块级元素

< span >< /span >行元素

< header>< /header>页眉

< footer>< /footer>页脚

< section>< /section>文档中的区块

< article>< /article>文章

< nav>< /nav>导航

< aside>< /aside>内容之外的内容详情页

6. 表单标签

< form >表单

< input >输入域

< textarea >文本域

< label >标签

< fieldset >域

< select >选择列表

< optgroup >选择组

< option >下拉列表选项

< button >按钮

< fieldset >围绕表单中元素的边框

7. 其它

< img >图像

< a >超链接

< audio >声音

< video >视频

< source >媒介源

< iframe >内联框架

< canvas >图形容器

< embed >嵌入的内容,比如插件

< object >添加一个对象

< svg>添加svg

附:

1. 在网页中编写多个空格默认情况会自动被浏览器解析为一个空格

2. 实体的语法&实体的名字;

如:& nbsp ;表示一个空格

& nbsp ;& nbsp ;& nbsp ;表示三个空格

& gt ;大于号

& lt ;小于号

& copy ;版权符号©