超級連結標記代表一個連結點,是英文anchor(錨點)的簡寫。它的作用是把目前位置的文字或圖片連接到其他的頁面、文字或圖像,這已是眾所周知了,但關於它的語法結構可能有點鮮為人知,而要用活它則必須了解其語法結構。 標記的基本語法結構是:
class=type
id=value
href=reference
name=value
rel=same|next |parent|previous
rev=value
target=window
style=value
title=title
onclick=function
onmouseout= >
從標記的語法結構可以看出,在設定一個超級連結時有很多參數可供選擇,以實現不同的連結效果,這有點出乎意料吧? !
TARGET詳解:
1._blank
example
瀏覽器會另開一個新視窗顯示example.html文件2._parent example
指向父frameset文檔3._self example
把文檔調入當前頁框4._top example
去掉所有頁框並用document .html取代frameset文件小技巧1:使別人的頁框不能引用你的網頁在文件頭加:
小技巧2:在當前頁打開連接或做刷新,提交到當前頁在檔案頭加:
rel:表示設定鏈接的關係:rel=same表示待鏈接的文件與此文件相同,rel=next表示待鏈接的文件為下一頁,rel=parent表示本文件為待鏈接文件的父文件,rel=previous則表示待連結的文件為上一頁。
rev:則用於設定反向連結。
target:是在採用幀窗口的情況下設定連結到哪一個窗口,還有target="_bank"是表示新開一窗口打開網頁。
title:用來設定連結點被選取時顯示的標題。
onclick:對應於一個事件,當連結點被點擊後將觸發這個事件,執行對應的子程式。
onmouseover:與onclick類似,對應的事件在滑鼠移到連結點上時被觸發。
onmouseout:對應的事件在老鼠移出鎮接點後被觸發。
舉幾個例子:
回到首頁
播放語音檔案
播放語音檔案
開啟對應的文件進行加工
應用技巧
㟎>
㟎>下載文件
有不少網友來信問,提供下載的效果怎麼做。實際上仍然是做一個超級鏈接,不過供下載的文件必須上傳到網站上。範例:有一個「網頁技巧」的檔案包供下載,檔案名稱是「homepagejq.zip」且已上傳到網站了,則這個連結的程式碼可以這樣寫:
點擊這裡下載「網頁技巧」檔案包
。
2、在新視窗中開啟連結的網頁
設定「target」的值為「_blank」。例:新開視窗開啟網頁「aboutme.htm」。產生該效果的代碼是:
關於我......
。
3、滑鼠移到鏈接,顯示一行說明文字
設定“title”參數值,即可獲得這種效果。例:當滑鼠移到「黃山村夫」這個連結上時,顯示說明「這是一個介紹網頁製作技巧的專業網站」。這個連結的程式碼是這樣的:
黃山村夫
。
4、滑鼠移到一個連結上彈出一個視窗
這是設定onmouseover參數所獲得的效果。範例:當滑鼠移到一個連結上,彈出一個視窗並在視窗中顯示「滑鼠懸停效果示範!」。這個連結的程式碼是這樣的:連結。用類似的方法可以製作當滑鼠按下後彈出提出示視窗、當滑鼠離開時彈出提示視窗的效果。
5、連結到本頁的指定內容
要實現連結到本頁的某一部分內容上(也就是「文件內跳轉」),必須實現連結到本頁的某一部分內容上(也就是「文件內跳轉」),必須用參數name指定連結點的名稱。選定一塊文本,可以用name參數為其命名,以備連結所用。所謂同一個文件內的跳躍是指當讀者在閱讀一個很長的文件的時候,若只對某部分的內容感興趣,可以採用跳躍式的閱讀方式。其基本格式是:
第二部分第一部分內容
第二部分實際內容
這樣當你點擊「第二部分」這個超級連結後,就會自動轉移到「第二部分實際內容」這個地方。 「name」參數所定義的連結點名稱可以隨意取,但連結的「href」參數中的連結點名稱必須與其一致,不要忘記在前面加上「#」。
6、連結到其它頁面的指定內容位置
方法與上例類似,但在「href」參數中的連結點名稱前要加上網頁的檔名。範例:有兩個網頁page1.htm和page2.htm ,每頁均有兩部分內容,現在要在page1.htm中製作一個超級鏈接,按下該鏈接後將轉到page2.htm的第二部分內容上。那我們可以這麼做,先在page2.htm第二部分內容開始的地方寫這樣一句程式碼:;在page1.htm中寫上這樣一個連結程式碼:page2 的第二部分內容。
7、連結到E_mail
點擊一個超級連結後,將啟動客戶機上的電子郵件管理軟體寫信給你。例這行程式碼:請寫信給我。一旦你點擊了“請給我寫信”這個鏈接,將自動啟動電子郵件管理軟體(如OE)的寫信功能,並已把郵件地址加在了收信人的地址欄裡了。
連結不僅可以以文字作載體,也可以以圖像作載體,而且可以以圖片的某一部分作載體,且都能實現上述這些效果,方法也相同,所不同只是載體,也就是連結的兩對方括號中間的部分,所以不再另舉例了。

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),