HTML 文件结构
HTML 文件结构
首先以下是一个样例：
<!DOCTYPE HTML>
<html>
<head>
<title>ppqppl</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：多国语言编码，什么国家的语言都可以正常显示。
HTML基础教程之标签格式
HTML标签分两类：双边标签 / 单边标签
1、双边标签
双边标签，是指有开始和结束标签，内容放在开始和结束标签之间。如：内容
语法格式：<标签 属性1 = “值1” 属性2 = “值2”>内容</标签>
“属性”的通俗理解：一个东西总是有一些特征，重量，体积等，这就是一个东西的“属性”
来看一下例子，观察标签
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ppqppl</title>
</head>
<body>
<h1>欢迎加入ppqppl.ltd</h1>
<font size="6" color="red">看看我有什么特别的</font></font>
</body>
</html>
2、单边标签
单边标签，只有开始标签，而没结束标签，单边标签一般是没有内容。如：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ppqpl</title>
</head>
<body>
<h1>欢迎加入ppqppl.ltd</h1>
<br><br><br>
<font size="6" color="red">再看看我有什么特别的</font>
<br><br><br>
<font size="6" color="red">再看看我有什么特别的</font>
</body>
</html>
单边标签一般起一个特殊的功能。
单边标签常用的有10多个标记。
语法格式：<标签 属性1 = “值1” 属性2 = “值2”>
HTML基础教程之标签编写规范
HTML标签编写规范
- HTML标记不区分大小写。如：
<font>、<Font>、<fOnt>
- HTML标记属性可有可无。有的标记是没有属性的，如：
<html>、<head>、<title>等
-
双边标记的内容在开始和结束标签之间，单边标记没有内容。
-
HTML标记可以相互嵌套，但一定注意是顺序嵌套，外层套内层，一层套一层。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ppqpl</title>
</head>
<body>
<h1>行路难·其一</h1>
<font size="6" color="red">长风破浪会有时</font>
<br>
<Font size="6" color="blue">直挂云帆济沧海</font>
</body>
</html>
