一个网页的基本结构至少应该包含以下部分:
1 <head> 2 <title>My First Page</title> 3 </head> 4 <body> 5 This is Body! 6 </body> 7 </html>
一、网页基本结构的说明:
网页的所有内容都在<html></html>标签之内;
<head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中;
<title></title>中设置的是页面的标题,<title>只能放在<head>中;
<body></body>是页面的主体,一个网页大部分显示的内容都定义在这里。
这些是一个HTML页面必须有的标记,所有页面都应该至少包含这些部分。但是在实际的开发过程中,很多人都会漏掉一部分标记,由于浏览器容错性强,所以即使有的标记不包,页面含也能正常显示,但是为了更好的标准性、兼容性和可读性,最好还是将HTML标记写完全。
二、对HTML标记的说明:
1.HTML文档:
HTML文档就是描述网页结构的文本文件,它是由HTML标签和纯文本所组成的。由浏览器将服务器上的HTML文档读取出来,并且以网页的形式展现给用户。
2.HTML文件的后缀名:
当我们在Visual Studio 或者其他网页编辑工具中创建网页时,HTML文档可以有两种后缀名可供选择,一个是.htm,另一个是.html,我们可以从中任选一个来保存我们的HTML文件。
为什么同一种文件会有两种不同的后缀名呢?其原因就是长久以来形成的习惯,因为在过去的很多软件只允许三个字母的文件后缀,现在则可以使用四个字母的.html作为HTML文件的后缀。
3.HTML标签:
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的,HTML文档 = HTML标签 + HTML元素 。
HTML 标签由开始标签( start tag / opening tag)和结束标签(end tag / closing tag)组成,比如<html></htm>。
开始标签:又称为开标签,是被括号包围的元素名,如<p>标签就是一个表示段落的开始标签。
结束标签:又称为闭标签,是被括号包围的斜杠和元素名,如</p>就是一个表示段落的结束标签。
HTML 标签由开始标签( start tag / opening tag)和结束标签(end tag / closing tag)组成,比如<html></htm>。
开始标签:又称为开标签,是被括号包围的元素名,如<p>标签就是一个表示段落的开始标签。
结束标签:又称为闭标签,是被括号包围的斜杠和元素名,如</p>就是一个表示段落的结束标签。
某些 HTML 元素没有结束标签,比如 <br />。为了更加标准,对于没有结束标签的标签,最好也要写上反斜杠。
4.HTML元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。注意HTML元素和HTML标签的区别,HTML元素包括HTML标签和HTML元素内容。
1 <body> 2 <p>This is my first paragraph.</p> 3 </body>
<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。
元素内容是另一个 HTML 元素(p 元素)。
5.空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
6.HTML属性
属性为 HTML 元素提供附加信息。
HTML属性的特征:
a.属性总是以名称/值对的形式出现,比如:name="value"。
b.属性总是在 HTML 元素的开始标签中规定。
1 <!--链接的地址在 href 属性中指定--> 2 <a href="http://www.w3school.com.cn">This is a link</a> 3 4 <!--通过align属性指定元素的对齐方式--> 5 <h1 align="center"> 拥有关于对齐方式的附加信息。</h1> 6 7 <!--通过bgcolor属性指定元素的背景颜色--> 8 <body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
HTML属性书写注意点:第一,使用小写。第二,属性值加双引号。
7.HTML标签书写建议
a.所有标签都加上结束标签,即使是像<br/>这种空元素。虽然<br>这种写法也能够正常显示,但为了提高程序的兼容性,也为了更加标准化,建议每个标签都加上结束标签,这是一个Web开发者所应该具有的好习惯。
b.推荐使用小写标签,虽然HTML 标签对大小写不敏感,但是万维网联盟(W3C)在 HTML 4 中推荐使用小写标签,而在未来 (X)HTML 版本中强制使用小写。