時間：2023-09-04 17:54:01 | 來源：網(wǎng)站運營
時間：2023-09-04 17:54:01 來源：網(wǎng)站運營
用HTML5建立超鏈接：URL的概念
超鏈接標記<a>
浮動框架iframe
在線咨詢
URL的概念URL是“Uniform Resource Location”的簡稱，其中文意思是“統(tǒng)一資源定位器”，其實就是我們常說的“網(wǎng)址”，主要作用就是用來定位Internet上資源的位置。既然是用來定位用的,那URL對每一個文件來說肯定就是唯一的，包括也就是文件的位置以及瀏覽器如何處理等信息。URL的創(chuàng)始人是蒂姆·伯納斯·李，現(xiàn)在已成為互聯(lián)網(wǎng)的一個重要標準。URL的格式119.75.217.109就可以了。但是IP地址由32位二進制代碼構(gòu)成，不方便記憶，為此人類就創(chuàng)造出來域名。域名可以看做是IP地址的一個別名或者小名，作用僅僅是為了方便人們記憶?，F(xiàn)在我們要訪問某個網(wǎng)站，主要是采用域名來尋址。URL由4部分組成，即“協(xié)議”、“主機名”、“文件夾名”、“文件名”。如下圖所示。http://開頭。.html、htm為擴展名。URL的類型URL”和“相對URL”。兩者相差不大，在此不再重復(fù)，如有疑問，請參照HTML5網(wǎng)頁中的圖片<a><a></a>。其中兩個最重要的要素就是：目標地址和所要鏈接的網(wǎng)頁元素?；窘Y(jié)構(gòu)如下：1<a href=URL>網(wǎng)頁元素</a>設(shè)置超鏈接發(fā)熱網(wǎng)頁元素通常為文本和圖片。文本超鏈接和圖片超鏈接通過<a></a>標記來實現(xiàn)，把文本或者圖片放在<a>和</a>之間即可。但要注意，鏈接的圖片在不同的瀏覽器中的效果是不盡相同的。一般情況下，為文本添加超鏈接，文本會自動增加下劃線，并把文本變成藍色，單擊過后會變成暗紅色。圖片的話會增加一個粗邊框。如果我們想對其進行進一步的修飾，則需要借助CSS樣式，在此不做介紹。<a>標記的href屬性還可以指向各種類型的文件。如果瀏覽器能夠識別，則會顯示，不能識別的話就會彈出文件下載對話框。1<a href="http://www.baidu.com">百度網(wǎng)站</a>在某些網(wǎng)頁中我們需要設(shè)置電子郵件鏈接，用于方便訪者與我們進行交流。一般格式如下：1<a href="mailto:電子郵箱地址">網(wǎng)頁元素</a>不知道各位有沒有去嘗試前面給出的代碼。如果嘗試了就會發(fā)現(xiàn)，我們點擊超鏈接的時候，目標頁面只是在當前窗口中顯示并替代當前頁面的內(nèi)容，但是有時我們并不想這樣做，想在一個新的瀏覽器窗口顯示目標頁面，那怎么辦？在這里介紹<a>標記的target屬性。target屬性的取值有4個，_blank、_self、_top、_parent。由于HTML5不再支持框，所以_top、_parent這兩個取值不常用，不在此介紹。_blank表示在新的窗口顯示超鏈接畫面。_self表示在當前窗口顯示超鏈接畫面，是默認選項。iframeframeset，但是它仍然支持iframe浮動框架的使用。浮動框架可以自由控制窗口的大小，可以配合表格隨意地在網(wǎng)頁中的任何位置插入窗口，實際上就是在一個窗口中再創(chuàng)建一個新的窗口。其框架格式如下：1<iframe src="鏈接對象">其中，src表示浮動框架中顯示對象的路徑，可以是絕對路徑。也可以是相對路徑。例如要實現(xiàn)如下網(wǎng)頁效果：<head>標記部分添加如下CSS代碼。1<style>2iframe{3 width:600px; //寬度4 hegiht:800px; //高度5 border:none; //無邊框6}7</style>最后再來看例子：1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>超鏈接</title> 6</head> 7<p><a href="http://www.qq.com">騰訊網(wǎng)站</a> </p> <!--文本鏈接--> 8<p><a href="http://www.icourse163.org"><img src="mooc.png"></a></p><!--圖片超鏈接--> 9<p><a href="01.docx">鏈接到Word文檔</a> </p> <!--鏈接到文件-->10<p><a href="mailto:kfdzsj@126.com">站長信箱</a> </p> <!-- 鏈接電子郵件-->11<p><a href="h2.html" target="_blank">打開一個新窗口</a></p>12<body>13</body>14</html>提醒各位代碼中的郵箱地址我是隨便輸入的，僅具有演示作用。關(guān)鍵詞：建立
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
