3.1 html标签

如果您正在阅读本文,则假定您将来会成为一名 Java 开发人员,或者说是一名全栈 Java 开发人员。您几乎不会编写 HTML 文档,但您必须经常阅读它们。世界就是这样运作的,所以你必须弄清楚 HTML 文档是如何排列的。

任何 HTML 文档的开头是什么?每个 HTML 文档都有一个由三个嵌套标签组成的结构:html,headbody。这是标准示例:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

浏览器显示的所有内容都在一对标签body(文档主体)内。标签内head是带有浏览器服务/辅助信息的标签。

在文档的开头写文档类型也是习惯的(可选的)——DOCTYPE以便解析器更好地理解如何解释错误。许多浏览器都能够正确显示损坏的文档。

或者,相反XHTML = XML+HTML,有一个标准,其中有比通常的标准更严格的规则HTML。但是当您决定编写自己的浏览器或至少是您自己的HTML-parser.

3.2 头部标签

在标签内部,head通常位于以下标签:title, meta, style, ...

该标记<title> 指定在浏览器选项卡中显示的文档的名称。

该标签<meta>用于设置各种服务信息。例如,您可以帮助浏览器理解 HTML 文档的编码(如果您还记得的话,它包含纯文本)。


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 body、p、b标签

该标签<body>包含将由浏览器显示的所有 html 文本。用于显示文档的最简单的标签是:<h1>, <p>, <b>,<br>

<h1>- 这是一对标签,它允许您设置页面/文章的标题。如果你的文章很长,你需要副标题,那么你可以使用这种情况下的标签<h2><h3>依此类推直到<h6>

例子:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

如果您的文章很大,并且您想通过将其分成段落来使其更易于阅读,那么您将需要一个 pair 标签 <p>(来自段落一词)。只需将文本包裹在标签中<p></p>浏览器就会将其显示为单独的段落。

注意力!浏览器将忽略文本中的换行符和/或额外空格。如果要添加换行符,则将单个标记<br>(从换行符开始)插入文本。

好吧,最好的部分是用粗体突出显示文本。如果你想让文本加粗,把它包在标签里<b> </b>(来自b old)。