建議:
先瀏覽觀看有哪些 <標籤>,大致認識一下標籤的用意,接下來的練習會陸續運用到。
分類:
框架類
標籤 |
說明 |
HTML5 |
參考 |
<header> |
定義網頁頁首的區域。 | V |
英文
/
簡中 |
<footer> |
定義網頁頁尾的區域。 | V |
英文
/
簡中 |
<main> |
定義網頁主要內容區域。 | V |
英文
/
簡中 |
<nav> |
定義網頁導覽區域。 | V |
英文
/
簡中 |
<section> |
定義一個區段範圍。 | V |
英文
/
簡中 |
<aside> |
定義一個側邊區域範圍。 | V |
英文
/
簡中 |
<article> |
定義文章。 | V |
英文
/
簡中 |
<figure> |
定義圖形影像的區塊。 | V |
英文
/
簡中 |
<figcaption> |
定義 figure 的標題。 | V |
英文
/
簡中 |
<div> |
單純是一個框。 | |
英文
/
簡中 |
<h1> ~ <h6> |
標題1、標題2、標題3、標題4、標題5、標題6。 | |
英文
/
簡中 |
<p> |
一個段落框。 | |
英文
/
簡中 |
<ul> |
無序號的清單框架。 | |
英文
/
簡中 |
<ol> |
有序號的清單框架。 | |
英文
/
簡中 |
<li> |
清單框架中的一個清單項目。 | |
英文
/
簡中 |
<dl> |
含有標題及內容的清單框架。 | |
英文
/
簡中 |
<dt> |
<dl>清單中的標題框。 | |
英文
/
簡中 |
<dd> |
<dl>清單中的內容框。 | |
英文
/
簡中 |
文中局部區域類
標籤 |
說明 |
HTML5 |
參考 |
<a> |
定義連結的區域。 | |
英文
/
簡中 |
<span> |
局部文字區域。 | |
英文
/
簡中 |
<small> |
定義局部小型文字區域。 | |
英文
/
簡中 |
<strong> |
定義局部區域文字粗體,<b>也是表現粗體。 | |
英文
/
簡中 |
<em> |
定義局部區域文字斜體,<i>也是表現斜體。 | |
英文
/
簡中 |
<mark> |
內容文字亮底呈現。 | V |
英文
/
簡中 |
<progress> |
顯示進度條。 | V |
英文
/
簡中 |
功能類
標籤 |
說明 |
HTML5 |
參考 |
<br> |
分行不分段(表示一個段落文字中強迫分行)。 | |
英文
/
簡中 |
<hr> |
分隔線。 | |
英文
/
簡中 |
<iframe> |
定義一個內置框架,框架內連結顯示指定的網頁。 | |
英文
/
簡中 |
<img> |
定義一個影像。 | |
英文
/
簡中 |
<map> |
定義一個影像地圖區域。 | |
英文
/
簡中 |
<area> |
定義影像地圖中的連結區域。 | |
英文
/
簡中 |
<button> |
定義一個按鈕。 | |
英文
/
簡中 |
<canvas> |
定義一個畫布區域,這個區域由JS程式來設計與控制。 | V |
英文
/
簡中 |
<svg> |
是可縮放的向量圖形(Scalable Vector Graphics) 的縮寫。
可直接以<img>插圖,也可以配合JS程式設計與控制。 | V |
英文
/
簡中 |
表格類
標籤 |
說明 |
HTML5 |
參考 |
<table> |
定義為一個表格。 | |
英文
/
簡中 |
<tr> |
定義表格中的一個橫列。 | |
英文
/
簡中 |
<th> |
定義表格中的標題儲存格(預設文字粗體置中)。 | |
英文
/
簡中 |
<td> |
定義表格中的一般儲存格。 | |
英文
/
簡中 |
<caption> |
定義表格中的標題文字。 | |
英文
/
簡中 |
<thead> |
定義表格中的首區。 | |
英文
/
簡中 |
<tbody> |
定義表格中的內容區。 | |
英文
/
簡中 |
<tfoot> |
定義表格中的尾區。 | |
英文
/
簡中 |
多媒體視訊音訊
標籤 |
說明 |
HTML5 |
參考 |
<video> |
定義一個視訊影片的區域。 | V |
英文
/
簡中 |
<audio> |
定義一個音訊的區域。 | V |
英文
/
簡中 |
<source> |
定義音訊或視訊的檔案所在。 | V |
英文
/
簡中 |
表單類
標籤 |
說明 |
HTML5 |
參考 |
<form> |
定義一個表單的區域。 | |
英文
/
簡中 |
<input> |
表單中的輸入欄位、選項欄位、表單按鈕。 | |
英文
/
簡中 |
<textarea> |
表單中輸入段落文字的區域。 | |
英文
/
簡中 |
<select> |
表單中定義下拉式選單的區域。 | |
英文
/
簡中 |
<option> |
<select>中定義下拉式選單的一個選項。 | |
英文
/
簡中 |
<datalist> |
定義可輸入過濾項目的下拉式選單。 | |
英文
/
簡中 |
<label> |
定義與表單欄位相關連的區域。 | |
英文
/
簡中 |
HTML<標籤>有哪些?(想要更詳細了解,請看看以下連結的介紹)
【HTML標籤依"字母順序"參考列表-英文版】
【HTML標籤依"功能分類"參考列表-英文版】
【HTML標籤 Tutorial教程引導學習-英文版】
【HTML5 新標籤新屬性介紹-英文版】
【HTML標籤依"字母順序"參考列表-簡中版】
【HTML標籤依"功能分類"參考列表-簡中版】
【HTML標籤 Tutorial教程引導學習-簡中版】
【HTML5 新標籤參考列表-簡中版】