WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

1-4. HTML<標籤>有哪些?

建議: 先瀏覽觀看有哪些 <標籤>,大致認識一下標籤的用意,接下來的練習會陸續運用到。

分類:


框架類

標籤 說明 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 新標籤參考列表-簡中版

go TOP