1. 认识HTML文档
来看一下HTML文档是怎么构成的。每个HTML文档是从哪里开始的? 每个HTML文档都有一个结构,包括三个嵌套标签:html、head和body。 这是标准例子:
<!DOCTYPE html>
<html>
<head>
服务性标签
</head>
<body>
主要文档
</body>
</html>
浏览器显示的所有内容都在双标签 body内(文档体)。而标签 head内是提供给浏览器的 服务/辅助信息。
同样,文档开头通常(非必须)会写上文档类型 — DOCTYPE,方便浏览器更好地处理错误。很多浏览器也能正确显示一些排版有问题的页面。
2. HTML文档示例
HTML文档 是任何网页的基础。它告诉浏览器页面应该怎么看。以下是一个简单的HTML文档示例:
HTML
<!DOCTYPE html>
<html>
<head> <title>页面标题</title> </head>
<body> <h1>你好,世界!</h1> <p>这是我的第一个网页。</p> </body>
</html>
HTML文档的主要部分
这行叫做文档类型声明 (doctype)。它告诉浏览器文档是用HTML5编写的,即HTML语言的最新版本。这对于正确显示页面很重要。
<html>
标签 <html>; 打开HTML文档。所有网页内容都应该在这个标签内。这个标签标记HTML文档的开始和结束。
<head>
标签 <head> 包含关于网页的服务性信息。这些信息不会直接显示在网页中,但对浏览器和搜索引擎很重要。
标签 <title> 设置页面的标题,这会显示在浏览器的标签上。用户打开页面时首先会看到这个内容。
<body>
标签 <body> 包含网页上所有可见的内容:文本、图片、链接、表格等等。用户能看到的所有内容都在这个标签内。
<h1>你好,世界!</h1>
标签 <h1> 是一级标题。它用于页面上最重要的标题。标签内的文本会以大号加粗字体显示。
<p>这是我的第一个网页</p>
标签 <p> 表示一个文本段落。它用于将文本分成逻辑块。标签内的文本会以普通段落的形式显示。
GO TO FULL VERSION