week2 - stayjay/wp109b GitHub Wiki
HTML標題是使用h1~h6標記定義的。
<h1定義最重要的標題。<h6定義了最不重要的標題
<p>標記定義
HTML鏈接是使用<a>標記定義的所有HTML元素都可以具有屬性 屬性提供有關元素的其他信息 屬性始終在開始標籤中指定 屬性通常以名稱/值對的形式出現，例如：name =“ value”
該標籤定義的超鏈接。該 href屬性指定鏈接轉到的頁面的URL
意：僅將HTML標題用於標題。不要使用標題使文本 大或加粗。
每個HTML標題都有一個默認大小。但是，可以style使用CSSfont-size屬性使用屬性指定任何標題的大小：
<h1 style="font-size:60px;">標題 1</h1><h1 style="font-size:60px;">Heading 1</h1>HTML<br>元素定義一個換行符。使用
，如果你想有一個換行符（新行），而無需啟動一個新的段落：
<p>This is<br>a paragraph<br>with line breaks.</p>該
標籤是一個空標籤，它沒有結束標記該裝置。
可以使用style屬性來設置HTML元素的樣式。
<tagname style="property:value;">該屬性是CSS屬性。該值為CSS值。
格式化元素旨在顯示特殊類型的文本：
<b> - 粗體
<strong> -重要文字
<i> -斜體文字
<em> -強調文字
<mark> -標記文字
<small> -較小的文字
<del> -刪除的文字
<ins> -插入文字
<sub> -下標文字
<sup> -上標文字
您可以使用以下語法在HTML源代碼中添加註釋：
HTML樣式-CSS
CSS代表級聯樣式表。
CSS節省了大量工作。它可以一次控制多個網頁的佈局。
使用CSS
可以通過3種方式將CSS添加到HTML文檔中：
內聯-通過使用styleHTML元素內的屬性
內部-使用<style>本<head>節中的元素
外部-通過使用<link> 元素鏈接到外部CSS文件
<!-- Write your comments here -->請注意，開始標記中有一個感嘆號（！），但結束標記中沒有。
注意：註釋不會顯示在瀏覽器中，但是它們可以幫助記錄HTML源代碼。
內聯CSS用於將唯一樣式應用於單個HTML元素。
內聯CSS使用styleHTML元素的屬性。
以下示例將<h1>元素的文本顏色設置為藍色，並將元素的文本顏色設置<p>為紅色：
<h1 style="color:blue;">A Blue Heading</h1>
<p style="color:red;">A red paragraph.</p>內部CSS用於為單個HTML頁面定義樣式。
在<style>元素的HTML頁面部分中定義了內部CSS 。下面的示例將所有<h1>元素（在該頁面上）的文本顏色設置為藍色，並將所有<p>元素的文本顏色設置為紅色。此外，頁面將顯示為“ powderblue”背景色：
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>外部樣式表用於定義許多HTML頁面的樣式。
要使用外部樣式表，請在
每個HTML頁面的部分中添加指向其的鏈接：<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>外部樣式表可以在任何文本編輯器中編寫。該文件不得包含任何HTML代碼，並且必須以.css擴展名保存。
HTML標記定義了超鏈接。它具有以下語法：
句子 元素最重要的屬性 是 href屬性，它指示鏈接的目的地。 html.鏈接顏色
HTML標籤用於將圖像嵌入網頁中。
圖像從技術上講不會插入網頁；圖像鏈接到網頁。該標籤創建了被引用的圖像的容納空間。
該標籤是空的，它只包含屬性，並沒有關閉標籤。
該標籤有兩個必需的屬性：
src-指定圖像的路徑 alt-指定圖片的替代文字 句法
<img src="url" alt="alternatetext">圖片
使用標籤插入圖像。與其他圖像的唯一區別是必須添加一個usemap屬性：
<img src="workplace.jpg" alt="Workplace" usemap="#workmap">該usemap值以井號標籤開頭， #後跟圖像地圖的名稱，並用於在圖像和圖像地圖之間創建關係。
然後，添加一個元素。
所述元件被用來創建圖像映射，並且通過使用所需要的鏈接到圖像nap
<map name="workmap">該name屬性必須具有相同的值 的usemap屬性。
然後，添加可點擊區域。
可點擊區域是使用元素定義的。
形狀
您必須定義可點擊區域的形狀，並且可以選擇以下值之一：
rect -定義一個矩形區域
circle -定義一個圓形區域
poly -定義一個多邊形區域
default -定義整個區域
您還必須定義一些坐標才能將可點擊區域放置到圖像上。
`` Shape =“ rect"的坐標shape="rect"是成對出現的，一個用於x軸，一個用於y軸。
[影像圖](https://www.w3schools.com/html/html_images_imagemap.asp)無序HTML清單
無序列表以<ul>標籤開頭。每個列表項均以<li>標籤開頭 。
默認情況下，列表項將標記有項目符號（黑色小圓圈）
有序列表以<ol>標籤開頭。每個列表項均以<li>標籤開頭。
默認情況下，列表項將用數字標記：
一個元素可以根據顯示在許多方面，type 屬性。
這裡有些例子：
類型 描述
<input type =“ text”> 顯示單行文本輸入字段
<input type =“ radio”> 顯示單選按鈕（用於選擇多個選項之一）
<input type =“ checkbox”> 顯示一個複選框（用於選擇多個選項中的零個或多個）
<input type =“ submit”> 顯示一個提交按鈕（用於提交表單）
<input type =“ button”> 顯示一個可點擊的按鈕
所述文本輸入限定了單行輸入字段。 元素 注意上面示例中元素的使用。
的標記定義為許多形式的元素的標籤。
該元素對屏幕閱讀器用戶很有用，因為當用戶將注意力集中在輸入元素上時，屏幕閱讀器會大聲讀出標籤。
該元素還可以幫助難以單擊很小區域（例如單選按鈕或複選框）的用戶-因為當用戶單擊元素內的文本時，它會切換單選按鈕/複選框。
標籤的for屬性應等於 將它們綁定在一起id的元素的屬性。
該限定了複選框。
複選框允許用戶選擇數量有限的零或更多選項。 的表單數據提交給形狀處理程序定義了一個按鈕。
表單處理程序通常是服務器上的文件，帶有用於處理輸入數據的腳本。
表單處理程序在表單的action 屬性中指定。 提交按鈕 的表單數據提交給形狀處理程序定義了一個按鈕。
表單處理程序通常是服務器上的文件，帶有用於處理輸入數據的腳本。
表單處理程序在表單的action 屬性中指定。
請注意，每個輸入字段必須具有name要提交的屬性。
如果name省略該屬性，則將完全不發送輸入字段的值。
元素的不同屬性。動作屬性 該action屬性定義提交表單時要執行的操作。
通常，當用戶單擊“提交”按鈕時，表單數據將發送到服務器上的文件中。
在下面的示例中，表單數據被發送到名為“ action_page.php”的文件。此文件包含處理表單數據的服務器端腳本： 方法屬性 該method屬性指定提交表單數據時要使用的HTTP方法。
表單數據可以作為URL變量（帶有method="get"）或作為HTTP發布交易記錄（帶有method="post"）發送。
提交表單數據時，默認的HTTP方法是GET。
該autocomplete屬性指定表單是應該打開還是關閉自動完成功能。
啟用自動完成功能後，瀏覽器會根據用戶之前輸入的值自動完成值。
例子 具有以下內容的自動完成功能的表單：
<form action="/action_page.php" autocomplete="on">該novalidate屬性是布爾型屬性。
如果存在，它指定提交時不應驗證表單數據（輸入）。
具有novalidate屬性的表單：
<form action="/action_page.php" novalidate>
[HTML.表格總](https://www.w3schools.com/html/html_forms.asp)