該筆記為觀看acwing(acwing.com) 後編寫,其中部分內容轉自acwing,如有侵權請聯絡我
HTML 基礎標籤
文字標籤雖然很多,但大部分可看成是預定好樣式的 <div>
和 <span>
div 標籤
<div>
元素 (或HTML
文件分割槽元素) 是一個通用型的流內容容器,在不使用CSS
的情況下,其對內容或佈局沒有任何影響。
其他塊級標籤例如:<h1>
,<p>
,<pre>
,<ul>
,<ol>
,<table>
。
span 標籤
<span>
元素是短語內容的通用行內容器,並沒有任何特殊語義。可以使用它來編組元素以達到某種樣式意圖(透過使用類或者ID
屬性),或者這些元素有著共同的屬性,比如lang
。應該在沒有其他合適的語義元素時才使用它。<span>
與<div>
元素很相似,但<div>
是一個塊元素而<span>
則是 行內元素
其他內聯標籤例如:<i>
,<b>
,<del>
,<ins>
,<td>
,<a>
。
h1 - h6 標籤
HTML
<h1>
– <h6>
標題,(Heading)元素呈現了六個不同的級別的標題
<h1>
級別最高,而 <h6>
級別最低。(<h1>
最大<h6>
最小)
p 標籤
HTML
<p>
元素(或者說HTML
段落元素)表示文字的一個段落。該元素通常表現為一整塊與相鄰文字分離的文字,或以垂直的空白隔離或以首行縮排。另外,<p>
是塊級元素。
pre 標籤
HTML
<pre>
元素表示預定義格式文字。在該元素中的文字通常按照原檔案中的編排,以等寬字型的形式展現出來,文字中的空白符(比如空格和換行符)都會顯示出來。(緊跟在 <pre>
開始標籤後的換行符也會被省略)
br標籤
HTML
<br>
元素在文字中生成一個換行(回車)符號。此元素在寫詩和地址時很有用,這些地方的換行都非常重要。
hr 標籤
HTML
<hr>
元素表示段落級元素之間的主題轉換(例如,一個故事中的場景的改變,或一個章節的主題的改變)。
在 HTML
的早期版本中,它是一個水平線。現在它仍能在視覺化瀏覽器中表現為水平線,但目前被定義為語義上的,而不是表現層面上。所以如果想畫一條橫線,請使用適當的 css
樣式來修飾。
i 標籤
HTML
元素 <i>
用於表現因某些原因需要區分普通文字的一系列文字。例如技術術語、外文短語或是小說中人物的思想活動等,它的內容通常以斜體顯示。
b 標籤
HTML
提醒注意(Bring Attention To
)元素(<b>
)用於吸引讀者的注意到該元素的內容上(如果沒有另加特別強調)。這個元素過去被認為是粗體(Boldface
)元素,並且大多數瀏覽器仍然將文字顯示為粗體。儘管如此,你不應將 <b>
元素用於顯示粗體文字;替代方案是使用 CSS font-weight
屬性來建立粗體文字。
del 標籤
HTML
的<del>
標籤表示一些被從文件中刪除的文字內容。比如可以在需要顯示修改記錄或者原始碼差異的情況使用這個標籤。<ins>
標籤的作用恰恰於此相反:表示文件中新增的內容。
ins 標籤
HTML
<ins>
元素定義已經被插入文件中的文字。