基本语法
<!--html5文档的格式-->
<!DOCTYPE html>
<html>
content...
</html>
- 以开始标签开始,以结束标签结束。
- 开始标签和结束标签中间的称为元素内容。
- 没有元素内容的元素是是空元素,可以直接在开始标签中添加斜杠表示结束,如
<br />
- 标签和属性小写(HTML4以后强制要求小写)。
- 属性值应该包含在引号内,常用双引号,单引号也可。在属性值包含双引号的情况下,必须使用单引号。
常用标签
HTML参考手册
文本的不同样式示例
| 标签 | 描述 |
| !-- – |
注释 |
| !DOCTYPE |
定义文档类型 |
| head |
所有头部元素的容器,必须包含title属性,可包含脚本、样式、meta信息等 |
| meta |
元数据,不会显示在客户端,但是会被浏览器解析 |
| title |
定义文档标题,在所有HTML文档中都必需 |
| h1、h2、h3 |
标题 |
| p |
段落 |
| br |
换行 |
| a |
超链接 |
| b |
文本粗体 |
| i |
文本斜体 |
| link |
定义文档与外部资源的关系 |
| div |
定义一个区域 |
| body |
文档的主体,包含文档的所有内容 |
| ul |
定义无序列表 |
| li |
定义列表的项目 |
| span |
定义文档中的节,作用是将文本的一部分或者文档的一部分独立出来 |
| form |
表单 |
| input |
定义输入字段 |
| img |
图片 |
HTML 5新增的常用标签
| 标签 | 描述 |
| header |
定义文档的头部区域 |
| footer |
定义文档底部区域 |
| nav |
导航条 |
| section |
定义文档的某个区域,比如章节、头部、底部等 |
| mark |
标记文本 |
| article |
定义一个文章区域 |
| aside |
定义页面的侧边栏内容 |
| audio |
定义音频内容 |
| video |
定义视频内容 |
| source |
为音频或视频内容设置媒体资源,一般要设置src和type属性。 |
| bdi |
允许设置一段文本,使其脱离父元素的文本方向设置 |
| canvas |
定义图形,比如图标、图像。该标签仅定义容器,需要使用脚本来绘图 |
| embed |
定义嵌入的内容,比如插件 |
| figure |
规定独立的流内容,如图像、图标、照片、代码等等 |
| figcaption |
定义< figure >元素的标题 |