基本语法
<!--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 >元素的标题 |