標(biāo)簽

換行標(biāo)簽(熟記)

單詞縮寫： break 打斷 ,換行

在HTML中，一個(gè)段落中的文字會(huì)從左到右依次排列，直到瀏覽器窗口的右端，然后自動(dòng)換行。如果希望某段文本強(qiáng)制換行顯示，就需要使用換行標(biāo)簽

<br />

這時(shí)如果還像在word中直接敲回車鍵換行就不起作用了。

div span標(biāo)簽(重點(diǎn))

div span 是沒有語(yǔ)義的 是我們網(wǎng)頁(yè)布局主要的2個(gè)盒子 css+div

div 就是 division 的縮寫 分割， 分區(qū)的意思 其實(shí)有很多div 來組合網(wǎng)頁(yè)。

span, 跨度，跨距；范圍

語(yǔ)法格式：

<div> 這是頭部 </div>    <span>今日價(jià)格</span>

文本格式化標(biāo)簽(熟記)

在網(wǎng)頁(yè)中，有時(shí)需要為文字設(shè)置粗體、斜體或下劃線效果，這時(shí)就需要用到HTML中的文本格式化標(biāo)簽，使文字以特殊的方式顯示。

b i s u 只有使用 沒有 強(qiáng)調(diào)的意思 strong em del ins 語(yǔ)義更強(qiáng)烈

標(biāo)簽屬性

屬性就是特性 比如 手機(jī)的顏色 手機(jī)的尺寸 ，總結(jié)就是手機(jī)的。。

手機(jī)的顏色是黑色 手機(jī)的尺寸是 8寸

水平線的長(zhǎng)度是 200

圖片的寬度 是 300 鍵 值對(duì)

使用HTML制作網(wǎng)頁(yè)時(shí)，如果想讓HTML標(biāo)簽提供更多的信息，可以使用HTML標(biāo)簽的屬性加以設(shè)置。其基本語(yǔ)法格式如下：

<標(biāo)簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內(nèi)容 </標(biāo)簽名>

在上面的語(yǔ)法中，

1.標(biāo)簽可以擁有多個(gè)屬性，必須寫在開始標(biāo)簽中，位于標(biāo)簽名后面。

2.屬性之間不分先后順序，標(biāo)簽名與屬性、屬性與屬性之間均以空格分開。

3.任何標(biāo)簽的屬性都有默認(rèn)值，省略該屬性則取默認(rèn)值。

采取 鍵值對(duì) 的格式 key=“value” 的格式

比如:

<hr width="400" />

屬性 是 寬度

值 是 400

圖像標(biāo)簽img (重點(diǎn))

單詞縮寫： image 圖像

HTML網(wǎng)頁(yè)中任何元素的實(shí)現(xiàn)都要依靠HTML標(biāo)簽，要想在網(wǎng)頁(yè)中顯示圖像就需要使用圖像標(biāo)簽，接下來將詳細(xì)介紹圖像標(biāo)簽以及和他相關(guān)的屬性。其基本語(yǔ)法格式如下：

該語(yǔ)法中src屬性用于指定圖像文件的路徑和文件名，他是img標(biāo)簽的必需屬性。

<img src="圖像URL" />

鏈接標(biāo)簽(重點(diǎn))

單詞縮寫： anchor 的縮寫 [???k??] 。基本解釋 錨, 鐵錨 的

在HTML中創(chuàng)建超鏈接非常簡(jiǎn)單，只需用標(biāo)簽環(huán)繞需要被鏈接的對(duì)象即可，其基本語(yǔ)法格式如下：

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

href：用于指定鏈接目標(biāo)的url地址，當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí)，它就具有了超鏈接的功能。 Hypertext Reference的縮寫。意思是超文本引用

target：用于指定鏈接頁(yè)面的打開方式，其取值有_self和_blank兩種，其中_self為默認(rèn)值，_blank為在新窗口中打開方式。

注意：

1. 外部鏈接 需要添加 http:// www.baidu.com

2. 內(nèi)部鏈接 直接鏈接內(nèi)部頁(yè)面名稱即可 比如 < a href=“index.html”> 首頁(yè)

3. 如果當(dāng)時(shí)沒有確定鏈接目標(biāo)時(shí)，通常將鏈接標(biāo)簽的href屬性值定義為“#”(即href="#")，表示該鏈接暫時(shí)為一個(gè)空鏈接。

4. 不僅可以創(chuàng)建文本超鏈接，在網(wǎng)頁(yè)中各種網(wǎng)頁(yè)元素，如圖像、表格、音頻、視頻等都可以添加超鏈接。

錨點(diǎn)定位 （難點(diǎn)）

通過創(chuàng)建錨點(diǎn)鏈接，用戶能夠快速定位到目標(biāo)內(nèi)容。
創(chuàng)建錨點(diǎn)鏈接分為兩步：

1.使用“a href=”#id名>“鏈接文本"</a>創(chuàng)建鏈接文本（被點(diǎn)擊的）
  <a href="#two">   

2.使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置。
  <h3 id="two">第2集</h3> 

base 標(biāo)簽 基本的

base 可以設(shè)置整體鏈接的打開狀態(tài)

base 寫到 之間

把所有的連接 都默認(rèn)添加 target="_blank"

注釋標(biāo)簽

在HTML中還有一種特殊的標(biāo)簽——注釋標(biāo)簽。如果需要在HTML文檔中添加一些便于閱讀和理解但又不需要顯示在頁(yè)面中的注釋文字，就需要使用注釋標(biāo)簽。其基本語(yǔ)法格式如下：

    <!-- 注釋語(yǔ)句 -->   ctrl + /       或者 ctrl +shift + / 

注釋內(nèi)容不會(huì)顯示在瀏覽器窗口中，但是作為HTML文檔內(nèi)容的一部分，也會(huì)被下載到用戶的計(jì)算機(jī)上，查看源代碼時(shí)就可以看到。

路徑(重點(diǎn)、難點(diǎn))

實(shí)際工作中，通常新建一個(gè)文件夾專門用于存放圖像文件，這時(shí)再插入圖像，就需要采用“路徑”的方式來指定圖像文件的位置。

根目錄 當(dāng)前目錄

路徑可以分為： 相對(duì)路徑和絕對(duì)路徑

相對(duì)路徑

以引用文件之網(wǎng)頁(yè)所在位置為參考基礎(chǔ)，而建立出的目錄路徑。因此，當(dāng)保存于不同目錄的網(wǎng)頁(yè)引用同一個(gè)文件時(shí)，所使用的路徑將不相同，故稱之為相對(duì)路徑。

1. 圖像文件和HTML文件位于同一文件夾：只需輸入圖像文件的名稱即可，如<img src=“l(fā)ogo.gif” />。
2. 圖像文件位于HTML文件的下一級(jí)文件夾：輸入文件夾名和文件名，之間用“/”隔開，如<img src=“img/img01/logo.gif” />。
3. 圖像文件位于HTML文件的上一級(jí)文件夾：在文件名之前加入“…/” ，如果是上兩級(jí)，則需要使用 “…/ …/”，以此類推，如<img src="…/logo.gif" />。

絕對(duì)路徑

絕對(duì)路徑以Web站點(diǎn)根目錄為參考基礎(chǔ)的目錄路徑。之所以稱為絕對(duì)，意指當(dāng)所有網(wǎng)頁(yè)引用同一個(gè)文件時(shí)，所使用的路徑都是一樣的

“D:\web\img\logo.gif”，或完整的網(wǎng)絡(luò)地址，例如“http://www.itcast.cn/images/logo.gif”。

列表標(biāo)簽

什么是列表？

容器里面裝載著文字或圖表的一種形式，叫列表。

列表最大的特點(diǎn)就是 整齊 、整潔、 有序

無序列表 ul （重點(diǎn)）

無序列表的各個(gè)列表項(xiàng)之間沒有順序級(jí)別之分，是并列的。其基本語(yǔ)法格式如下：

<ul>
  <li>列表項(xiàng)1</li>
  <li>列表項(xiàng)2</li>
  <li>列表項(xiàng)3</li>
  ......
</ul>

比如下面這些，新聞是沒有順序的，不用排隊(duì)，先到先得，后發(fā)布先顯示。

腳下留心：

 1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
 2. <li>與</li>之間相當(dāng)于一個(gè)容器，可以容納所有元素。
 3. 無序列表會(huì)帶有自己樣式屬性，放下那個(gè)樣式，一會(huì)讓CSS來！

有序列表 ol （了解）

有序列表即為有排列順序的列表，其各個(gè)列表項(xiàng)按照一定的順序排列定義，有序列表的基本語(yǔ)法格式如下：

<ol>
  <li>列表項(xiàng)1</li>
  <li>列表項(xiàng)2</li>
  <li>列表項(xiàng)3</li>
  ......
</ol>

所有特性基本與ul 一致。

但是實(shí)際工作中， 較少用 ol img src=“media/1.jpg” />

自定義列表（理解）

定義列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述，定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號(hào)。其基本語(yǔ)法如下：

<dl>
  <dt>名詞1</dt>
  <dd>名詞1解釋1</dd>
  <dd>名詞1解釋2</dd>
  ...
  <dt>名詞2</dt>
  <dd>名詞2解釋1</dd>
  <dd>名詞2解釋2</dd>
  ...
</dl>

鏈接小案例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<base  target="_blank" />
<!-- 把所有的連接 都默認(rèn)添加 target="_blank" -->
</head>
<body>
友情鏈接:
<a href="https://www.videos.com/">huohuo</a>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com">新浪</a>
<a href="http://www.baidu.com">搜狐</a>
<a href="http://www.baidu.com" target="_self">谷歌</a>
</body>
</html>