CodeGym /课程 /Frontend SELF ZH /HTML文档结构

HTML文档结构

Frontend SELF ZH
第 1 级 , 课程 4
可用

1. 认识HTML文档

来看一下HTML文档是怎么构成的。每个HTML文档是从哪里开始的? 每个HTML文档都有一个结构,包括三个嵌套标签:htmlheadbody。 这是标准例子:


<!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> 表示一个文本段落。它用于将文本分成逻辑块。标签内的文本会以普通段落的形式显示。

评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION