CSS Visual viewport 和 Layout viewport 區別

網頁Viewport又分為visual viewport與layout viewport，兩者差別如下。

HTML 嵌入Google Drive聲音檔 Embedded Google Drive audio file in HTML

在HTML5 網頁嵌入Google Drive的MP3聲音檔。

HTML 去除<ul>項目清單的黑色圓點及縮排 remove <ul> list's bullet and indent

HTML的清單<ul>除去預設的黑點及縮排效果的方式如下。

HTML 標籤與元素的差別 tags and elements difference

Tags（標籤）是指element加上角括弧例如<body>，而element（元素）是指body。

Visual Studio Code 關閉HTML自動結束標籤 close HTML auto closing tags

Visual Studio Code編輯HTML時關閉自動產生結束標籤(eng tad)的方法如下。

HTML <input type="checkbox"> 複選框 Checkbox

在HTML網頁可使用輸入元素(Input element)的複選框<input type="checkbox">讓使用者可以進行多選。

HTML 練習 問卷調查表單

請建立一份HTML文件，檔名為survey.html。請用VS Code編輯。

HTML <input type="radio"> 單選框 Radio Button

在HTML網頁可使用輸入元素(Input element)的單選框<input type="radio">，讓使用者可以進行單選。

HTML 練習 會員登入表單

請建立一份HTML文件，檔名為login.html。請用VS Code編輯。

HTML <form> 表單元素

在HTML網頁可使用表單元素<form>來表示表單。

HTML 什麼是form control

HTML規格文件中，在Forms表單章節常看到form control（表單控制）這個詞，其意思如下。

CSS 練習 Type Selectors, Class selectors, ID Selectors

請建立一份HTML文件，檔名為account.html。請用VS Code編輯。

HTML 練習 會員資料表

請建立一份HTML文件，檔名為member.html。請用VS Code編輯。

HTML <label> 標籤元素

在HTML網頁可使用選單元素<label>來表示輸入欄位的標題。

HTML <select> 選單元素

在HTML網頁可使用選單元素<select>來表示下拉選單(drop-down menu)。

HTML 練習 個人資料表

請建立一份HTML文件，檔名為profile.html。請用VS Code編輯。

HTML <input> value屬性

HTML <input>元素的value屬性作用如下。

HTML dirty value flag

HTML <input>元素的dirty value flag。

HTML <input type="password"> 密碼輸入欄位

在HTML網頁可使用輸入元素(Input element)的密碼輸入欄位<input type="password">，讓使用者可以輸入字碼。

HTML <input> readonly屬性

HTML <input>元素的readonly屬性作用如下。