减小字体
增大字体- ·上一篇内容：CSS简介
- ·下一篇内容：HTML元素基本语法
HTML网页的基本结构
一个HTML文档的基本结构
一般一个HTML文档开头使用<!DOCTYPE html>开始，这用于声明该文档的类型。
文档的主体部分放在<html>和</html>标签之间。
在<html>和</html>之间的内容可以分为两部分：
一部分是以<head>开始，并以</head>结尾的头部，该部分用于声明该网页的一些元数据、定义或引入样式、定义或引入Javascript脚本，或其他需要定义的一些数据。该部分的内容只是定义，不会直接显示在HTML文档中。
另外一部分是以<body>开始，并以</body>结尾的内容部分，该部分的内容将会显示给用户，并可以让用户参与互动。
下面是一个例子：
<!DOCTYPE html>
<html>
<head>
<title>这是我的一个网页</title>
<meta name="keywords" content="HTML教程,HTML基础" />
<meta name="description" content="为HTML初学者提供专业的HTML基础教学。" />
</head>
<body>
<h1>内容一级标题</h1>
<p>这是段落：翔宇亭IT乐园的网址是：http://www.biye5u.com.</p>
<p>这是另外一个段落：翔宇亭IT乐园提供精心准备的内容。</p>
</body>
</html>
<html>
<head>
<title>这是我的一个网页</title>
<meta name="keywords" content="HTML教程,HTML基础" />
<meta name="description" content="为HTML初学者提供专业的HTML基础教学。" />
</head>
<body>
<h1>内容一级标题</h1>
<p>这是段落：翔宇亭IT乐园的网址是：http://www.biye5u.com.</p>
<p>这是另外一个段落：翔宇亭IT乐园提供精心准备的内容。</p>
</body>
</html>
下面对例子中涉及到的一些标签做一下初步的解释。
<!DOCTYPE>的声明
本站关于<!DOCTYPE>的作用在以前的文章中有所介绍。
<!DOCTYPE>的主要目的是告诉浏览器该文档的类型，以便浏览器能够正确的显示网页中的内容。
<!DOCTYPE>放在HTML文档中最前边，而且只出现一次。
在声明<!DOCTYPE>时不必关注这个标签中的字母大小写问题，但一般将其写成大写形式。
在HTML5中可以直接声明为如下形式：
<!DOCTYPE
html>
这个声明就是告诉浏览器，我使用HTML5制作的网页哦。
<html>标签
<html>标签是一个HTML文档的根元素，用于定义整个HTML文档。简言之，一个HTML文档应以<html>开始，并以</html>结尾。其他元素应放置于其中。
<body>标签
<body>标签用于定义HTML的主体内容，位于这个元素内的内容将显示给用户。
<body>元素以<body>开始，并以</body>结尾。<body>内的内容根据用户的需要来组织。也需要借助其他元素告诉浏览器如何组织和呈现相关内容。这些标签将在今后进行逐一介绍。
<head>标签
<head>标签可以认为是元数据的容器，其用于定义HTML文档的一些数据，这些数据不会直接显示给用户。
如显示在浏览器标题栏或浏览器标签中的标题，文档所使用的字符集，文档使用的样式集，文档使用的脚本，文档的关键字，文档的描述摘要，规定蜘蛛爬虫如何处理该文档，或其他一些验证信息等等。
<head>元素以<head>开始，并以</head>结尾。
如在上面的例子中，在<head>标签中定义了网页的标题，以及使用<meta>指定的两个元数据，当前网页的关键词和网页内容的摘要描述。
<title>标签
<title>元素以<title>开始，并以</title>结尾。位于两个标签中的内容即是要显示在浏览器标题栏或浏览器标签中的标题，但这个标题不会直接显示在HTML文档中。
其他标签的使用将在今后逐一进行介绍，欢迎关注推广。
微信搜索“优雅的代码”关注本站的公众号，或直接使用微信扫描下面二维码关注本站公众号，以获取最新内容。
个人成长离不开各位的关注，你的关注就是我继续前行的动力。
- 给好评 如果您觉得此内容好，就请您
100%(4) 
- 给差评 如果您觉得此内容差，就请您
0%(0) 