<main> 是進入 HTML5 之後才加入的主要區塊元素，通常一個網頁只會有一個 <main>，裡面會放入整個網頁的主要內容，這篇文章...
<header> 是進入 HTML5 之後才加入的頁首區塊元素，通常會放在頁面或某些區塊的上方作為「頁首」使用，這篇文章將會介紹 <heade...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) HTML 的屬性 href、src...
<fieldset> 是 HTML 表單裡的分組元素，可以將表單裡同類型或同樣意義的元素進行分組，這篇文章將會介紹欄位資料清單元素的用法。 原文參...
<datalist> 是 HTML 表單裡的欄位資料清單元素，通常是輔助 <input> 元素使用，讓使用者除了可以輸入內容，也可以使用...
<label> 是 HTML 表單裡的欄位標題元素，通常是作為 <button>、<checkbox> 或 <radi...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 練習使用...
<progress> 是 HTML 裡的進度條元素，不只可以在表單中顯示進度，更常常作為「載入中」的等待畫面使用，這篇文章將會介紹 <prog...
<select>、<option> 和 <optgroup> 是 HTML 表單裡的下拉選單元素，<select>...
<button> 是 HTML 表單裡的按鈕元素，通常會放在表單裡面讓使用者點擊，這篇文章將會介紹 <button> 表單按鈕元素的用法...
本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解 HT...
影片教學 重點回顧 平常瀏覽網頁一定會常碰到需要填寫表單的時候，可能是需要註冊某個網站以獲取該網站提供的服務，或是報名活動填寫個人資料，又或者是購買東西需填寫...
<textarea> 是 HTML 表單裡的可以讓使用者輸入多行文字的元素，這個元素常出現在許多的留言板或文字編輯器裡，這篇文章將會介紹 <t...
<input> 輸入元素是 HTML 表單元件裡最重要也最特別的元素，<input> 可以根據類型 type 屬性的設定，轉換成不同的輸...
<form> 表單元素是 HTML 裡讓使用者輸入資料，並且讓這些資料傳遞到後端伺服器的元素，雖然隨著 JavaScript 框架的興起，很多功能都...
影片教學 重點回顧 撰寫HTML時，將相關的元素包裝在一起，有助於網頁的結構性，過去式採用div來作為一個區塊，但過多的div可能會造成混淆，因此，透過HTM...
<colgroup> 和 <col> 是 HTML 裡非必須的表格元素 ( 通常不會特別去使用 )，使用後能對表格中的垂直縱列做分組，方...
<thead>、<tbody> 和 <tfoot> 是 HTML 裡非必須的表格元素 ( 通常不會特別去使用 )，使用後能讓...
<caption> 是 HTML 表格裡負責顯示「表格的標題」元素，<th> 則是負責顯示「某一欄或某一列的標題」元素，這篇教學會介紹...
如果要在 HTML 裡放入表格，最基本是使用 <table>、<tr> 和 <td> 來製作表格，這篇教學會介紹如何在 HT...
影片教學 重點回顧 今天的內容主要是展示一些常用的元素elements <hr> <!--就是水平線--> <pre>...
<ul> 和 <li> 是 HTML 裡的無序清單元素，使用後會產生清單列表，並使用預設樣式 ( 或指定樣式 ) 產生清單符號，這篇文章...
在上一天篇的貼文中，想必你各位都已經把環境給設置好了吧。是不是迫不期待想開發一個屬於你的網頁了呢？別急，就讓我們開始吧！ 首先，想要學習網頁，必須要先認識 HT...
<dl>、<dt> 和 <dd> 是 HTML 裡的自訂清單元素，使用後會產生自訂的清單列表，這篇文章會介紹 <dl&...
<ol> 和 <li> 是 HTML 裡的有序清單元素，使用後會產生清單列表，並預設使用數字或字母 ( 可指定開頭數字或字母 ) 作為清...
影片教學 教學重點回顧 HTML全名為HyperText Markup Language，HyperText表示非一般純文字，而是能藉由文字導向到其他網頁。而...
當 HTML 裡出現一段很長的英文單字時，往往會根據畫面寬度來進行換行 ( 超過寬度就換行 )，而 <wbr> 標示可換行位置元素可以提示「換行的時...
<abbr> 標示縮寫元素在標籤語意上表示「縮寫」，可以告訴搜尋引擎這是縮寫字，就這篇教學會介紹 <abbr> 標示縮寫元素。 原文參...
<time> 標示時間日期元素在標籤語意上表示「時間日期」，如果搜尋引擎如果要抓取時間日期，就會優先從這個標籤著手讀取，這篇教學會介紹 <ti...
<kbd> 標示鍵盤按鍵元素在標籤語意上表示「鍵盤輸入按鍵」，或表示其他輸入的指令 ( 例如語音輸入 )，可以在不套用 CSS 樣式的狀態下，將 H...
oxxo
Eva Chen
Ericostco
ttdragon0722
iThome鐵人賽
看影片追技術