1.圖片標簽

<img src="圖片來源" alt="替換文本" title="提示文本" width="圖片寬度" height="圖片高度"/>
<!--例-->
<img src="img.JPG" alt="測試圖片" title="測試圖片" width="400px" height="500px"/>

2.超級鏈接

<a href="去往路徑" title="提示文本" target="_blank">鏈接文本</a>

• 超鏈接優化寫法 ：<base target=”_blank”>
• 空鏈接：<a href=”#”>鏈接文本</a>
• 錨點：<p id=”xd”></p>…………<a href=”#xd”>鏈接文本</a>

3.列表

<!--無序列表-->
<ul type=”square”>     disc     circle
    <li></li>
    <li></li>
</ul>
<!--有序列表-->
<ol type=”1” start=”3”>
    <li></li>
</ol>

<!--自定義列表-->
 

<dl>
    <dt></dt>   定義小標題
    <dd></dd>   解釋標題
    <dd></dd>
</dl>

4.meta

• 關鍵字

<meta name="keywords" content="HTML,ASP,PHP,SQL">

• 網頁描述

<meta name="description" content="新垣結衣官方網站">

• 網頁重定向

<meta http-equiv="refresh" content="5; https://www.baidu.com"
 
>

5. Link標簽

• 調用外部樣式表

<link  rel=”stylesheet”  href=”1.css”>

• icon圖標

<link  rel=”icon” href=”1.ico”>

Html基礎【1】