(html) 常用標簽

<img src="dog.jpg" alt="dog" height="100" width="150">
<p>下雨吧，別再缺水了，一起來祈雨吧!</p>
src屬性 (source)的值必須有圖片的副檔名，這邊的例子就是.jpg，如果沒有副檔名圖片無法顯示。
alt是alternative text替代文字

 

超連結 <a>標籤是錨anchor的縮寫，主要使用屬性href來展現功能，href是hypertext reference的縮寫。
<a href="http://dyhms.no-ip.org" target="_blank">我是超連結</a>
_
<a>標籤的內容不僅可以是文字，也可以是圖片，若你想建立一個圖片的超連結，直接將文字替換為<img>標籤就可以了。
<a href="http://dyhms.no-ip.org" target="_blank"><img src='dog.jpg' alt='dog' height='200'></a>

 

有序清單<ol>
網頁列上有順序性的清單，使用<ol></ol>標籤，ol是ordered list有序清單的英文字母; 實際的清單內容，則填在<li></li>標籤中，li是來自list清單這個英文單字。
<ol>
    <li>第1個</li>
    <li>第2個</li>
    <li>第3個</li>
</ol>

 

無序清單<ul>
實際的清單內容同樣是使用<li></li>標籤來呈現; 平常瀏覽的網頁有許多下拉式的選項便是使用<ul>標籤製作出來的。

 

空格<br>
<br>標籤的功用是空一行(a line break)

 

註解
<!-- 填入你的註解-->
使用Ctrl+/(windows系統)或command+/(macOS系統)就可以在編輯器快速打出註解的符號。

 

行內元素<span>