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)。