HTML5 (Hyper Text Markup Language)
CSS3
JavaScript
jQuery
Bootstrap
第01章～第05章《試閱本》 https://play.google.com/books/reader? id=gpIyDwAAQBAJ&hl=en_US&pg=GBS. PR1
- 安裝各種瀏覽器以便測試
Dreamweaver
Visual Studio Code
HTML 是由 元素 (Elements) 所構成，其中包含了 標籤 (Tag)、內容 (Content) 與 屬性 (Attributes)。
元素分為二種：容器元素 and 單一元素。
- 容器元素：< 起始標籤 > 內容 </ 結束標籤 > 例如標題一的標示方法為： <h1> 這是標題一 </h1>
- 單一元素：這類元素只有起始標籤，沒有結束標籤，例如 <hr>、<img>。
在 XHTML 的規定中單一標籤並不需要在其中包括內容，所以會在 右方結束的「>」符號前加上「/」表示結束，但是在 HTML5 中並沒 有規定一定要加，可以視自己的習慣來使用。例如要在頁面上加上 水平線可以是 <hr> 或 <hr />。
在 HTML 元素中可以設定 屬性 賦予標籤要執行的動作或相關資訊，要特別注意：
1. 屬性都必須設定在起始標籤中。
2. 一個元素可以設定多個屬性。
3. 屬性包含了名稱與值，其格式為： 屬性名稱 = " 屬性值 "
舉例來說，指定 <a> 標籤中設定要連結的網站就可以使用 href這個屬性： <a href=" https://tw.yahoo.com/ "> Yahoo! </a>
使用 HTML 元素、標籤與屬性的建議 在編輯 HTML 中元素、標籤與屬性時，有以下幾點建議：
1. 使用小寫英文字母
2. 屬性值要以引號包含：在 HTML5 中也沒有強調標籤中屬性的值必須要以引號包含，但為了可以更嚴謹的表達屬性的值，我們仍建議每一個屬性值都要以引號包 含。
HTML 的網頁結構很簡單，基本上是由幾個元素所架構起來的，而 HTML5 更簡化 了其中使用的元素。
|
<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>HTML5 文件 </title> </head> <body> 這是第一份 HTML5 文件。 </body> </html> |
這裡可以看到整份文件是由 <html> ... </html> 圍繞起來，
其中包含了 <head> ... </ head> 的網頁資訊區域與 <body> ... </body> 的網頁內容區域。
１．<head>...</head>：在這個區域提供這份文件的訊息與資料，包括文件的標題、
內容概述、關鍵字、語系、編碼、文件型態 ... 等，還能引用腳本及指定使用的 樣式表，
這些內容絕大多數都不會化為真正的內容顯示給瀏覽者。
２．<body>...</body>：放置網頁顯示的內容。
而其中 HTML5 簡化了 HTML 文件結構定義的方式，其中最明顯的為：
1. 文件類型宣告：HTML 文件必須在檔案一開始即設定 DOCTYPE 宣告所使用的 標準規範，HTML5 簡化了宣告方式如下： <!doctype html>
2. 語系及編碼：在文件中宣告正確的語系及編碼，瀏覽器就不易在顯示內容時產生亂碼。例如，在 HTML5 中宣告文件使用中文的語系可以使用： <html lang="zh"> 設定編碼的語法，可以加入： <meta charset="UTF-8">
留言列表
電腦軟體 (4)
