HTML基础教程之文件结构-HTML+CSS基础入门教程-PHP中文网教程

HTML基础教程之文件结构

<!DOCTYPE HTML>
<html>
<head>
<title>php.cn</title>
</head>
<body>
这里是存放网页内容的
</body>
</html>

HTML文件结构的说明：

<!DOCTYPE HTML>：html5标准网页声明，必须放在 HTML 文档的第一行，位于 <html> 标签之前
<html></html>标记的含义：告诉浏览器，其中的代码用什么格式(图片、视频)来编译。
<head></head>标记的含义：告诉浏览器，网页中的汉字用什么字符集(GB2312、BIG5、JIS)显示。不使用正确的字符集，网页会出现乱码。GB2312(简体中文)、BIG5(繁体中文)、JIS(日文)、utf-8(多国语言)
<title></title>中只能是纯文本，任何标记都会原封不动的显示。
<body></body>是网页主要内容的显示区域。网页中99%的内容都必须放在<body>。只有放在<body>中，最终浏览器翻译以后，才能看见结果。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

功能：告诉浏览器，如何翻译汉字。

http-equiv：模拟http协议的文件头原信息，主要目的是服务器向客户端返回时，用什么格式显示。
Content-type：内容类型。
Content：详细内容类型介绍。
Text/html：网页是text格式，html是文本中的小格式。
Charset：字符集，主要控制汉字如何显示。
Utf-8：多国语言编码，什么国家的语言都可以正常显示。

新建文件

                    <!DOCTYPE HTML>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>这是我们的第一个页面</title>
 </head>
 <body>
 <h1>欢迎加入php.cn</h1>
 <h2>希望你能够在这里学的开心</h2>
 </body>
</html>                

提交重置代码

自动运行

全屏