Web前端開(kāi)發(fā)主講人：張金娜文本控制標(biāo)記、圖像和超鏈接【任務(wù)目標(biāo)】知識(shí)目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)掌握文本控制標(biāo)簽的使用；掌握?qǐng)D像和超鏈接標(biāo)簽的使用。能夠使用文本控制標(biāo)簽定義文本；能夠自定義圖像；能夠使用超鏈接定義網(wǎng)頁(yè)元素。培養(yǎng)學(xué)生的實(shí)踐操作能力；培養(yǎng)學(xué)生靈活的思維方式?！緦?dǎo)學(xué)知識(shí)】一、文本控制標(biāo)記

1.頁(yè)面格式化標(biāo)簽（1）標(biāo)題標(biāo)簽

<hnalign=”對(duì)齊方式”>標(biāo)題</hn>（2）段落標(biāo)簽

<p>文本</p>（3）水平線標(biāo)簽<hr/>（4）換行標(biāo)簽 <br/>【導(dǎo)學(xué)知識(shí)】一、文本控制標(biāo)記

2.文本格式化標(biāo)簽標(biāo)簽顯示效果<b></b>和<strong></strong>文字以粗體效果顯示<i></i>和<em></em>文字以斜體效果顯示<s></s>和<del></del>文字以加刪除線效果顯示<u></u>和<ins></ins>文字以加下劃線效果顯示定義上標(biāo)文本定義下標(biāo)文本【導(dǎo)學(xué)知識(shí)】一、文本控制標(biāo)記

3.特殊字符標(biāo)簽特殊字符描述字符代碼

空格符

<小于號(hào)<>大于號(hào)>&和號(hào)&￥人民幣￥?版權(quán)??注冊(cè)商標(biāo)?°攝氏度°±正負(fù)號(hào)±×乘號(hào)×÷除號(hào)÷2平方23立方3【導(dǎo)學(xué)知識(shí)】二、圖像和超鏈接

1.圖像

GIF、JPG和PNG

<imgsrc=”文件路徑”/>【導(dǎo)學(xué)知識(shí)】二、圖像和超鏈接

1.圖像絕對(duì)路徑：是指網(wǎng)頁(yè)文件在硬盤上真正存在的路徑。如：D:\img\icon.jpg；或完整的網(wǎng)絡(luò)地址，如:/upload/information/20210311/298/5920.jpg。相對(duì)路徑：是指相對(duì)于當(dāng)前文件的路徑，通常以當(dāng)前網(wǎng)頁(yè)文件為起點(diǎn)，主要分為如下3種情況：圖像文件和網(wǎng)頁(yè)文件處于同一路徑，可設(shè)置為<imgsrc=”banner.jpg”/>;圖像文件位于網(wǎng)頁(yè)文件的下一級(jí)目錄，可設(shè)置為<imgsrc=”img/banner.jpg”/>;圖像文件位于網(wǎng)頁(yè)文件的上一級(jí)目錄，可設(shè)置為<imgsrc=”../banner.jpg”/>。

【導(dǎo)學(xué)知識(shí)】二、圖像和超鏈接

2.超鏈接--超鏈接標(biāo)記<ahref=”跳轉(zhuǎn)目標(biāo)”>鏈接文本或圖像</a>屬性描述href設(shè)置當(dāng)點(diǎn)擊后跳轉(zhuǎn)到的目標(biāo)url地址，可以是網(wǎng)頁(yè)、圖片、email等地址。target設(shè)置鏈接對(duì)象在什么地方打開(kāi)，包括在本頁(yè)、新窗口、父框架、瀏覽器中打開(kāi)。title當(dāng)鼠標(biāo)指針移至該超鏈接時(shí)，會(huì)在鏈接附近出現(xiàn)一段提示文本。style設(shè)置鏈接的樣式，包括顏色、下劃線、字體、字號(hào)等?！緦?dǎo)學(xué)知識(shí)】二、圖像和超鏈接

2.超鏈接--錨點(diǎn)鏈接<ahref="#one">跳到第一章</a><aname="one">第一章</a><ahref="#one">跳到第一章</a><aname="one">第一章</a>【任務(wù)小結(jié)】

這節(jié)課我們學(xué)習(xí)了文本控制標(biāo)記、圖像和超鏈接標(biāo)記的應(yīng)用，在網(wǎng)站中，文字是承載網(wǎng)站信息的“主力軍”，圖像可以使網(wǎng)頁(yè)瞬間變得多姿多彩，超鏈接，則