HTML基础1：每个WEB页面的基本标签

「爱情、让人受尽委屈。」 2023-05-30 04:56 2阅读 0赞

<!DOCTYPE html>
    <html lang="en">
      <head>
        <title>The First Web Page</title>
      </head>
    
      <body>
        <p>
          In the beginning, Tim created the HyperText Markup Language. The Internet
          was without form and void, and text was upon the face of the monitor and
          the Hands of Tim were moving over the face of the keyboard. And Tim said,
          Let there be links; and there were links. And Tim saw that the links were
          good; and Tim separated the links from the text. Tim called the links
          Anchors, and the text He called Other Stuff. And the whole thing together
          was the first Web Page.
        </p>
      </body>
    </html>

输出：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70]

*      <!DOCTYPE html>

该声明把文档标识为HTML5，这确保Web浏览器可以预期会发生什么事情，并且准备好以HTML5呈现内容。

*      <head></head>

<head> 标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

*      <title></title>

<title> 定义文档的标题，它是 <head> 中唯一必需的元素。浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹（Favorites）或书签（Bookmarks）列表时，标题将成为该文档链接的默认名称。如上图中的**The First Web Page**有两处显示。为页面提供页面标题很重要，以便页面的访问者可以正确的给它们建立书签以便将来引用，搜索引擎也可以使用页面标题来提供指向搜索结果的链接。

*      <body></body>

body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）。是Web浏览器窗口的主要显示区域。

*      <p></p>

p 元素会自动在其上下创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。只要有可能，就应该把文本块包含在合适的容器元素中。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191107143209527.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70