:::

利用網頁語法插入網址連結

壹、基本語法

[link url="網址" title="網站名稱" color="顏色" path="帳號" name="圖檔檔名" new=1]

【說明】:

  • 指令前後必需以中括號括起來。
  • 各參數間以一個空白 (space) 隔開。
  • 除參數 link 必需放在第一個位置外,其餘參數的先後順序無關。
  • 參數說明:
參數 說明 用法
link 系統保留字,代表要產生網址連結,此參數不可省略。 link
url 輸入連結網址,網址請加上 http:// 或 https://,此參數不可省略。 url=”http://www.hischool.com.tw”
title 輸入網站名稱,若未指定,則以網址當作連結標題。 title=”臺北益教網”
color 設定連結標題的字體顏色,可使用的顏色代碼為 black、blue、red、green、yellow,若未指定,預設值為 blue,此參數僅適用於文字連結。 color=”green”
path 設定檔案所在的資料夾,通常為使用者帳號。若使用文字連結,此參數可省略。 path=”sc210″
name 指定圖檔的檔名,若使用文字連結,此參數可省略。 name=”臺北益教網.png”
new 設定是否要在新視窗開啟,若省略此參數,則會在新視窗開啟。

  • new=0 原視窗開啟
  • new=1 新視窗開啟 (預設值)
new=0

【範例】文字與圖片的網址連結

[link url="http://etweb.tp.edu.tw/sciencefair/" title="臺北益教網"]
[link url="http://etweb.tp.edu.tw/sciencefair/" title="臺北益教網" path="user_guide" name="臺北益教網.png"]

貳、多個網址列表網頁語法

<ul class="file_list icon4 c3">
    <li>[link url="網址" title="網站名稱" path="帳號" name="圖檔檔名"]</li>
    <li>[link url="網址" title="網站名稱" path="帳號" name="圖檔檔名"]</li>
    <li>[link url="網址" title="網站名稱" path="帳號" name="圖檔檔名"]</li>
</ul>

【說明】:

  • 整個列表區標示在 <ul> … </ul> 之間。
  • 每一個網址連結,前後以 <li> … </li> 標示。
  • <ul class=”…”> 內的 class= 是用來設定顯示的樣式,各參數用法說明如下:
    參數 說明
    file_list 系統保留字,代表此區的內容要列表顯示,此參數不能省略。
    c 後接一個數字,用來設定每排要顯示幾個,可用的值為 c2 (每排 2 個)、c3 (每排 3 個)、c4 (每排 4 個) 。若每排僅顯示一個檔案連結,此參數可省略。
    icon 設定檔案連結前方,要顯示圖示 (icon)。

【範例】多個文字網址列表

<p class="user_title style03 orange">教師專區 <em>(文字連結)</em></p>
<ul class="file_list icon4 c3">
    <li>[link url="http://webitr.tp.edu.tw/WebITR/" title="線上差勤系統"]</li>
    <li>[link url="https://eschool.tp.edu.tw/" title="校務行政網"]</li>
    <li>[link url="ftp://192.71.1.99/up" title="校內 FTP 上傳區"]</li>
    <li>[link url="https://eschool.tp.edu.tw/central/theme/31/index.html" title="場地租借"]</li>
    <li>[link url="http://www.google.com/a/jjes.tp.edu.tw" title="教師 Gmail 信箱"]</li>
    <li>[link url="ftp://192.71.1.99/" title="校內 FTP 主機"]</li>
    <li>[link url="https://insc.tp.edu.tw/index/DefBod.aspx" title="教師研習數位認證"]</li>
    <li>[link url="https://eschool.tp.edu.tw/web-maintain/templates/maintain_pub.html#?schno=343602" title="修繕填報專區"]</li>
</ul>

教師專區 (文字連結)

【範例】多個圖檔網址列表

<p class="user_title style03 orange">相關連結 <em>(圖檔連結)</em></p>
<ul class="file_list c4">
    <li>[link path="user_guide" name="教育部家庭教育網.png" url="https://moe.familyedu.moe.gov.tw/default.aspx" title="教育部家庭教育網"]</li>
    <li>[link path="user_guide" name="臺北益教網.png" url="http://etweb.tp.edu.tw/sciencefair/" title="臺北益教網"]</li>
    <li>[link path="user_guide" name="學生水域運動安全網.png" url="http://www.sports.url.tw/" title="學生水域運動安全網"]</li>
    <li>[link path="user_guide" name="圓夢助學網.png" url="https://helpdreams.moe.edu.tw/index.aspx" title="圓夢助學網"]</li>
    <li>[link path="user_guide" name="165全民防騙超連結.png" url="http://www.165.gov.tw/" title="165全民防騙超連結"]</li>
    <li>[link path="user_guide" name="台北市高中高職網路博覽會.png" url="http://expo.tp.edu.tw/" title="台北市高中高職網路博覽會"]</li>
</ul>

相關連結 (圖檔連結)

  • 教育部家庭教育網
  • 臺北益教網
  • 學生水域運動安全網
  • 圓夢助學網
  • 165全民防騙超連結
  • 台北市高中高職網路博覽會