【5】HTML基礎(3)——HTML常用標簽①
★文章內容學習來源:拉勾教育大前端就業集訓營
#目錄
一、注釋
二、標題標簽
三、段落和換行標簽
四、文本格式化標簽
一、注釋
(一)語法:
<!--書寫注釋內容-->
注釋只在源代碼中可見,在瀏覽器視窗是不顯示的,
(二)作用:
①在源代碼中添加描述性的提示資訊,便于我們閱讀代碼,
②對于HTML糾錯也大有幫助,可以通過注釋某一行HTML代碼,以便檢索錯誤的位置,
③暫時注釋掉一部分不用的代碼,便于后期恢復代碼
二、標題標簽
(一)語法:
通過<h1>-<h6>六個標簽分別來對六個級別的標題進行定義的,
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題</h4>
<h5>五級標題</h5>
<h6>六級標題</h6>
(二)作用
★給標簽內部的元素內容添加對應級別標題的語意,不負責文字的粗體、字號等樣式,
樣式是由CSS設定的,

(三)標簽級別
標題標簽之間是不能互相嵌套的,下一級標題與上級標題之間通過同級關系書寫,下一級標題解釋說明的是前面距離最近的上一級標題,
(四)權重
標題標簽對于呈現檔案結構非常重要,使用時要根據標簽的重要程度進行選擇;
其中<h1>標簽最重要,<h2>標簽次重要,以此類推,
★<h1>在整個HTML中的權重非常高,內部應該放置HTML中最重要的內容,比如logo,
三、段落和換行標簽
(一)段落(paragraph)
1.語法:
(1)<p>標簽進行定義的;
(2)雙標簽;
(3)文本級標簽;
內部只能放置文本、圖片、表單元素,或者廢棄的<font>標簽等,
示例:
<p>這是一個段落</p>
2.作用:
(1)給標簽內部的內容添加一個完整段落的語意,不負責內容自動換行的樣式,換行的效果是由CSS決定的,
(二)換行(breaking)
1.語法
(1)<br/>標簽是HTML中一個簡單的換行符;
(2)在需要換行的位置可以使用<br/>標簽書寫;
(3)單標簽
2.作用
(1)<br/>與<p>不同,<br/>沒有建立新的落的語意,只是簡單的進行強制換行,
(2)每一對兒
標簽內部的元素內容為一個完整的段落,如果有多個段落,需要分別使用不同的
標簽進行定義,
示例正確寫法:
<p>這是第一個段落</p>
<p>這是第二個段落</p>
<p>這是第三個段落</p>
示例錯誤寫法:
<p>這是第一個段落</br>
這是第二個段落</br>
這是第三個段落</p>
四、文本格式化標簽
HTML中有部分標簽是用來對文字進行格式化顯示設定的,比如粗體和斜體等;
但是在HTML4.0版本規范后,結構和樣式進行了分離,HTML只負責搭建結構,CSS負責格式化樣式,所以大部分文本格式化標簽被廢棄,但是在HTML4.01和
XHTML1.0 transitional版本中依舊可以使用,
★文本格式化的標簽均為雙標簽,且為文本級標簽,內部只能書寫文字,
| 標簽 | 描述 |
|---|---|
| b | 定義粗體文本,bold |
| big | 定義大號字 |
| em | 定義著重文字,emphasis,自帶斜體效果 |
| i | 定義斜體字,italic |
| small | 定義小號字 |
| strong | 定義加重語氣,自帶加粗效果 |
| sub | 定義下標字,subscript |
| sup | 定義上標字,superscript |
| ins | 定義插入字,自帶下劃線效果,insert |
| del | 定義洗掉字,delete |
| s | 不贊成使用,使用del代替,strike的簡化 |
| strike | 不贊成使用,使用del代替 |
| u | 定義下劃線,不贊成使用,使用css中樣式代替,underline |
下篇繼續html常用標簽…
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/254966.html
標籤:其他
