整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 中 target 屬性的精彩應用

          天, 我們來聊一聊 HTML 中 target 屬性的精彩應用。 target 屬性可讓你控制鏈接 opening 的位置: 在當前窗口/標簽頁、新窗口/標簽頁中,或在框架/ifram 中。

          什么是 target 屬性?

          target 屬性是 HTML a 元素和 form 元素的屬性。 它規定鏈接 URL 應該在何處顯示: 在當前瀏覽器窗口、新選項卡/窗口中,或嵌入到 frameset 中的框架中。

          下面是 target 屬性可接受的值:

          • _blank: 在新窗口/選項卡中打開鏈接。
          • _self: 默認值。在相同的框架/ifram/窗口/標簽頁中打開鏈接。
          • _parent: 在父框架集中打開鏈接 (如果當前文檔是在框架集中打開的)。
          • _top: 在整個瀏覽器窗口中打開鏈接 (如果當前文檔是在框架集中打開的)。
          • framename: 在 frameset 中指定的框架中打開鏈接。

          target 屬性的實際應用

          在新選項卡/窗口中打開鏈接

          如果你希望在新選項卡/窗口中打開鏈接,請使用 target="_blank":

          <a href="https://www.example.com/" target="_blank">點擊打開新選項卡</a>
          

          在新窗口中打開 PDF 文件

          如果你有一個 PDF 文件,并希望在新窗口中打開它,可以使用 target="_blank":

          <a href="https://www.example.com/document.pdf" target="_blank">點擊打開新窗口中的 PDF 文件</a>
          

          ?在新選項卡中打開圖片

          如果你有一個大圖片,并希望在新選項卡中打開它,請使用 target="_blank":

          <a href="https://www.example.com/image.jpg" target="_blank">
            <img src="https://www.example.com/image-thumbnail.jpg" alt="Image thumbnail">
          </a>
          

          搜索表單中的 target="_blank"

          如果你有一個搜索表單,并希望在新選項卡中打開搜索結果,請使用 target="_blank":

          <form target="_blank" action="https://www.google.com/search" method="get">
            <input type="text" name="q" placeholder="輸入搜索關鍵字">
            <input type="submit" value="搜索">
          </form>
          

          在父框架中打開鏈接

          如果你有一個框架集,并希望在父框架中打開鏈接,請使用 target="_parent":

          <frameset rows="50%,50%">
            <frame name="top-frame" src="top-frame.html">
            <frame name="bottom-frame" src="bottom-frame.html" target="_parent">
          </frameset>
          

          在頂級框架中打開鏈接

          如果你有一個框架集,并希望在整個瀏覽器窗口中打開鏈接,請使用 target="_top":

          這個適合初學者的指南中,你將學習如何創建一個響應式電子郵件模板。你將跟隨逐步說明以及代碼片段設計一個在任何設備上都看起來很棒的電子郵件模板。

          這個項目非常適合渴望掌握電子郵件設計基礎的新手!

          (本文視頻講解:java567.com)

          HTML 使用超級鏈接與網絡上的另一個文檔相連。幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。

          HTML 鏈接

          如何在HTML文檔中創建鏈接。

          (可以在本頁底端找到更多實例)

          HTML 超鏈接(鏈接)

          HTML使用標簽 <a>來設置超文本鏈接。

          超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

          當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。

          在標簽<a> 中使用了href屬性來描述鏈接的地址。

          默認情況下,鏈接將以以下形式出現在瀏覽器中:

          • 一個未訪問過的鏈接顯示為藍色字體并帶有下劃線。

          • 訪問過的鏈接顯示為紫色并帶有下劃線。

          • 點擊鏈接時,鏈接顯示為紅色并帶有下劃線。

          注意:如果為這些超鏈接設置了 CSS 樣式,展示樣式會根據 CSS 的設定而顯示。

          HTML 鏈接語法

          鏈接的 HTML 代碼很簡單。它類似這樣::

          <a href="url">鏈接文本</a>

          href 屬性描述了鏈接的目標。.

          實例

          <a >訪問菜鳥教程</a>

          上面這行代碼顯示為:: 訪問菜鳥教程

          點擊這個超鏈接會把用戶帶到菜鳥教程的首頁。

          提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。

          HTML 鏈接 - target 屬性

          使用 target 屬性,你可以定義被鏈接的文檔在何處顯示。

          下面的這行會在新窗口打開文檔:

          實例

          <a>訪問菜鳥教程!</a>

          HTML 鏈接- id 屬性

          id屬性可用于創建在一個HTML文檔書簽標記。

          提示: 書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對于讀者來說是隱藏的。

          實例

          在HTML文檔中插入ID:

          <a id="tips">有用的提示部分</a>

          在HTML文檔中創建一個鏈接到"有用的提示部分(id="tips")":

          <a href="#tips">訪問有用的提示部分</a>

          或者,從另一個頁面創建一個鏈接到"有用的提示部分(id="tips")":

          <a >

          訪問有用的提示部分</a>

          基本的注意事項 - 有用的提示

          注釋: 請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然后創建一個新的請求,就像這樣:。

          圖片鏈接

          如何使用圖片鏈接。

          在當前頁面鏈接到指定位置

          如何使用書簽

          跳出框架

          本例演示如何跳出框架,假如你的頁面被固定在框架之內。

          創建電子郵件鏈接

          本例演示如何如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)

          建電子郵件鏈接 2

          本例演示更加復雜的郵件鏈接。

          HTML 鏈接標簽

          標簽描述
          <a>定義一個超級鏈接

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 无码精品久久一区二区三区| 色视频综合无码一区二区三区| 精品无码一区二区三区在线| 国产成人无码AV一区二区 | 中文字幕无线码一区2020青青| 亚洲色精品aⅴ一区区三区 | 国产日韩精品一区二区在线观看播放 | 中文字幕精品一区二区2021年| 无码人妻精品一区二区三| 久久综合亚洲色一区二区三区| 91久久精品一区二区| 好爽毛片一区二区三区四无码三飞| 国产91久久精品一区二区 | 精品一区二区久久久久久久网精 | 成人在线视频一区| 老熟女五十路乱子交尾中出一区| 亚洲一区二区三区免费| 亚洲V无码一区二区三区四区观看| 麻豆天美国产一区在线播放| 无码中文字幕乱码一区| 精品在线一区二区三区| 无码人妻精品一区二区三18禁| 海角国精产品一区一区三区糖心 | 中文字幕不卡一区| 精品亚洲AV无码一区二区| 麻豆视传媒一区二区三区| 国产爆乳无码一区二区麻豆| 日本免费一区尤物| 亚洲高清美女一区二区三区| 一区二区福利视频| 精品一区二区三人妻视频| 中文日韩字幕一区在线观看| 亚洲色无码专区一区| 久久免费国产精品一区二区| 春暖花开亚洲性无区一区二区 | 国产伦精品一区二区三区| 国产电影一区二区| 久久久综合亚洲色一区二区三区| 濑亚美莉在线视频一区| 亚洲国产一区在线| 国产精品高清一区二区三区|