首页 > > 网页制作 > css >

html网页基本结构

2020-02-11 16:01:11来源：博客园阅读 ()

html网页基本结构

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。 HTML5 DOCTYPE 的 HTML 文档类型如下：

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Title of the document</title>
5 </head>
6 <body>
7 The content of the document......
8 </body>
9 </html>

HTML 版本常用声明：（感兴趣也可以参考W3CHTML文档版本介绍，了解更多）

HTML5

<!DOCTYPE html>

HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML是一门超文本标记语言，浏览器解析html标记后，展示页面内容，目前流行HTML5，俗称H5。静态网页的拓展名htm或html新建网页的步骤：1、新建文本文档，更改拓展名为htm或html2、编写网页的基本结构，并保存。HTML语言的特点标记，大部分的都是成对存在不区分大小写 H5区分大小写。使用相关的标签进行排版1、网页的标题<title></title>2、标题标签<h1>....<h6>数字越大标题越小3、段落标记<p></p>4、换行<br/> 5、水平线<hr/>6、字体加粗<strong></strong> 斜体<em></em>7、HTML中的注释和特殊的符号： 特殊符号: 空格&nbsp；大于号&gt；小于号&lt；引号&quot；版权符号©等

HTML添加注释一是为了后期便于回忆，二是有利于团队合作项目修改，添加注释代码展示如下：

 1 <!DOCTYPE html> <!--文档声明-->
 2 <html lang="en"> <!--编码语言-->
 3 <head>
 4     <meta charset="UTF-8"> <!--编码格式-->
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>html网页基本结构</title> <!--网页标题-->
 7 </head>
 8 <body>
 9     网页基本内容
10 </body>
11 </html>