利用網頁語法插入網址連結
壹、基本語法
[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 |
【範例】文字與圖片的網址連結
[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>相關連結 (圖檔連結)
