✨
HTML 網頁設計
  • HTML 簡介
  • 1.網站三兄弟
    • 環境設定
    • HTML 基本結構
      • 文件架構
      • 元素
      • 文章-使用的元素
      • 超連結
      • Form表單
      • 嵌入第三方服務
    • Css 基本使用
      • 使用方式 Background
        • before、after
      • Box-sizing 介紹
      • Reset Css
      • CSS - 排版
        • CSS - 定位器
        • 導覽列篇
        • 置中篇 - 範例
        • 三欄式 - 範例
        • 兩欄式
      • css命名規則
    • JS 基本使用
      • 基本語法
      • 參數/arguments
      • param() 方法
      • 定時器(timer)
  • 2.css 進階使用
    • Display
    • Position
      • z-index and stacking context
      • Table
    • CSS選擇器
  • 3.其他JS工具
    • jQuery 簡介
      • $.cookie()
      • .animate
      • scrollTop
      • 使用效果
    • BootStrap
    • NODE.JS
      • 安裝 Node.js
        • SVG - 可縮放向量圖形
      • webpack
    • React
      • React Native
  • 4.曲線圖
    • Chart 前端操作
      • Datasets Style
      • Line 設定
  • 4.DataTable
    • Bootstrap Table
  • 99.其他內容
    • Webpack
    • IIS - 網際網路資訊服務
      • 環境設定
      • WEB IIS架站
Powered by GitBook
On this page
  • 內部連結
  • 外部連結
  • 錨點連結
  • 檔案連結
  • 空連結
  • 電子連結
  • 其他

Was this helpful?

  1. 1.網站三兄弟
  2. HTML 基本結構

超連結

超連結全名 "Anchor" 稱為超連結。一般聽到的是HyperLink 便是此元素。

內部連結

網站內,網頁與網頁之間的連結

<a href="/page.html"></a>

外部連結

連結到其他的站台或網站的地方

<a href="https://tw.answers.yahoo.com/"></a>

錨點連結

若網頁內容太多會造成網頁過高的情況,這種連結可以方便檢視內容。

方法 : 對應HTML 所需要的 ID頁面區塊。

<a href="#id"></a>

檔案連結

連結到檔案資源的位置

<a href="res/banner.zip">連結壓縮檔</a>
<a href="res/resume.docx">連結 Word 檔</a>
<a href="res/web.pdf">連結 PDF 檔</a>

空連結

沒有目標的連結。通常是在專案過程中,沒有明確的目標所適用,同時也需要作出連結的效果。

<a href="javascript:;">分享</a>
<a href="#">分享</a>

電子連結

配合預設信件軟體進行發送。

<a class="link link-mail" href="mailto:manigb@gmail.com">

其他

<a href="https://tw.answers.yahoo.com/" target="_blank"></a>

Value

Description

_blank

Opens the linked document in a new window or tab

_self

Opens the linked document in the same frame as it was clicked (this is default)

_parent

Opens the linked document in the parent frame

_top

Opens the linked document in the full body of the window

Previous文章-使用的元素NextForm表單

Last updated 4 years ago

Was this helpful?