3.1 html標籤
如果您正在閱讀本文,則假定您將來會成為一名 Java 開發人員,或者說是一名全棧 Java 開發人員。您幾乎不會編寫 HTML 文檔,但您必須經常閱讀它們。世界就是這樣運作的,所以你必須弄清楚 HTML 文檔是如何排列的。
任何 HTML 文檔的開頭是什麼?每個 HTML 文檔都有一個由三個嵌套標籤組成的結構:html
,head
和body
。這是標準示例:
<!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)。
GO TO FULL VERSION