一个完整的HTML文档必须包含3个部分:<html>元素定义文档版本信息、 <head> 定义各项声明的文档头部、<body>定义文档的主体部分
<!DOCTYPE>标签
<!DOCTYPE>声明必须位于HTML文档的第一行,在<html>标签之前。没有结束标签,不限制大小写。
- <!DOCTYPE>标签使用:
<!DOCTYPE html>
<head>
<title>
文档标题
</title>
</head>
<body>
文档内容
</body>
</html>
开始标签<html>
<html>与</html>标签规定了网页文档的开始和结束,在它们中间的是文档的头部和主体
语法格式如下:
<html>........</html>
- 开始标签的使用
<!DOCTYPE html>
<html>
<head>
HTML文档头部
</head>
<body>
HTML文档主体
</body>
</html>
头部标签<head>
<head>标签用于定义文档的头部,它是所有头部元素的容器。<head>中的元素可以引用脚本、样式表,提供元信息等
在<head>标签中使用的标签有:<title>标签 、 <meta>标签 、 <script标签>
语法格式如下:
<head>.....</head>
标题标签<title>
<title>标签用于定义文档的标题,通常把它显示在浏览器窗口。
语法格式如下:
<title>....</title>
-
<title>标签的使用
<!DOCTYPE html>
<html>
<head>
<title>HTML文档标题</title>
</head>
<body>
HTML文档主体
</body>
</html>
元信息标签<meta>
<meta>标签可提供有关页面的元信息。name属性提供了名称/值对中的名称。
- 语法格式如下:
<meta name="description/keywords" content="页面的说明或关键字">
- 元信息标签使用:
1.标记页面关键字
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="页面说明">
<title>
HTML网页文档标题
</title>
</head>
<body>
HTML网页文档内容
</body>
</html>
2. 标记文档作者
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="study,computer">
<title>
文档的标题
</title>
</head>
<body>
HTML文档主体
</body>
</html>
3.标记文档解码方式
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>
文档的标题
</title>
</head>
<body>
HTML文档主体
</body>
</html>
4.自动刷新
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="5";URL="http://www.ecu.edu.cn">
<title>
文档的标题
</title>
</head>
<body>
HTML文档主体
</body>
</html>
<script>标签
<script>标签用于定义客户端脚本
- 语法格式如下:
<script>......</script>
- <script>标签使用:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
HTML文档标题
</title>
<script type="text/javascript">
alert("这是一行JavaScript代码");
</script>
</head>
<body>
HTML文档主体
</body>
</html>
主体标签<body>
<body>标签定义文档的主体,包含文本、超链接、图像、表格、列表等
- 语法格式如下:
<body>...</body>
- 主体标签使用:
<!DOCTYPE html>
<html>
<head>
<title>
文档标题
</title>
</head>
<body>
文档内容
</body>
</html>