4.HTML常用標簽

4.1標簽語義

語義，即為標簽的含義。

合理的標簽，可以讓頁面結(jié)構(gòu)更加清晰。

4.2*標題標簽<h1> - <h6>

<h1> h 代表著 head</h1>

標簽語義：

作為標題使用，依照重要性遞減。

特點；

1.加了標題的文字會變粗，字號也會依次變大。

2.一個標題獨占一行。

4.3*段落和換行標簽

<p> p 代表著 paragraph </p>

標簽語義：可以將HTML文件分割為若干段落。

<br/>br 代表著break

標簽語義：強制換行

4.4文本格式化標簽

加粗 <strong> 加粗 </strong>

傾斜 <em> 傾斜 </em>

刪除線 <del> 刪除線 </del>

下劃線 <ins> 下劃線 </ins>

4.5<div>和<span>標簽

<div>和<span>標簽是沒有語義的，他們是一個盒子，用來裝內(nèi)容。

<div> div 代表著 division </div>

<span> span 代表著 span </span>

1.<div>標簽用來布局，但是一行只能放一個<div>。（大盒子）

2.<span>標簽用來布局，一行上可以放多個<span>。（小盒子）

4.6*圖像標簽和路徑

1.圖像標簽

< img src="圖像URL"/ >

src是<img>標簽的必須屬性，它用于指定圖像文件的路徑和文件名。

src 圖片路徑 必須屬性

alt 文本 替換文本。圖像不能顯示時顯示此文字

title 文本 提示文本。鼠標放在圖像上，顯示的文字。

width 像素 設(shè)置圖像的寬度

height 像素 設(shè)置圖像的高度

border 像素 設(shè)置圖像的邊框粗細

圖像標簽屬性注意點：

1，屬性必須寫在標簽名的后面。

2，屬性之間不分先后順序，標簽名與屬性，屬性與屬性之間，用空格隔開。

3，屬性采取鍵值對的方式，屬性="屬性值"

***************************************************

2，路徑

（1）目錄文件夾和根目錄

（2）vscode打開目錄文件夾

4.7*超鏈接標簽

<a>標簽用于定義超鏈接，作用是從一個頁面到另一個頁面。

1.連接的語法規(guī)范:

<a href="跳轉(zhuǎn)目標" target="目標窗口的彈出方式"> 文本或圖像 </a>

target 為打開窗口的方式 默認的值是 _self 當(dāng)前窗口打開頁面 _blank 新窗口打開頁面

2.連接分類

(1)外部鏈接:例如< a href= "http:// www.baidu.com"> 百度</a>。

(2)內(nèi)部鏈接：網(wǎng)站內(nèi)部頁面之間的相互連接。

(3)空鏈接：如果當(dāng)時沒有確定鏈接目標時，<a href="#"> 首頁 </a>

(4)下載鏈接：如果 href 里面地址是一個文件或者壓縮包，會下載這個文件。

(5)網(wǎng)頁元素鏈接：在網(wǎng)頁中的各種網(wǎng)頁元素，如文本、圖像、表格、音頻、視頻等都可以添加超鏈接。

(6)錨點鏈接：點擊鏈接，可以快速定位到頁面中的某個部位。

• 在鏈接文本的href屬性中，設(shè)置屬性值為#名字的形式，如<a href="#two">第二集</a>
• 找到目標位置標簽，里面添加一個id屬性 = 剛才的名字，如：<h3 id ="two">第二季介紹</h3>

5.HTML中的注釋和特殊字符。

5.1注釋

HTML的注釋以 "<!--" 開頭，以"-->" 結(jié)束。

5.2特殊字符