HTML筆記(2)

zydow發表於2024-10-30

該筆記為觀看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> 元素定義已經被插入文件中的文字。

相關文章