技術標籤：自學筆記html

HTML入門筆記2：HTML常用標籤

a標籤的基礎知識

1.作用

跳轉到外部頁面
跳轉到內部錨點
跳轉到郵箱或者電話

2. 屬性

• href ：是跳轉的地址，可以填寫網址或者路徑或者頁面的別的元素的名字

下為跳轉到谷歌

<a href="//google.com">超連結</a>

路徑

<a href="/a/b/c.html">c.html</a>

別的元素的名字：

<p id="xxx">19</p>
<a href="#xxx"
 
>xxx</a>

點選則會跳轉到id為xxx的19這個地方

• target：哪個頁面進行跳轉。

_blank：在新視窗開啟

<a href="//google.com" target="_blank">超連結</a>

self：在本視窗開啟

<a href="//google.com" target="_blank">超連結</a>

parent：在父級視窗開啟
top：在頂部視窗開啟

若不填則預設在本視窗開啟

• download：下載該頁面

  不是所有瀏覽器都支援這個功能

ifram標籤

內嵌視窗，現在已經用的很少了

table標籤

即為表格。其中相關標籤有

thead:表的上部分

tbody:表的中部分

tfoot : 表的下部分

tr: table row即為行

td: table data即資料

th: table head即表頭

img標籤

即為圖片標籤

1. 作用

發出get請求，展示一張圖片

2. 屬性

alt：可替換的

height：高

width：寬

若寬高兩者都填寫則圖片會拉伸

src：圖片地址

3. 事件

onload：監聽圖片載入成功時呼叫

onerror：監聽圖片載入失敗時呼叫

4. 響應式

max-width:100%
圖片自適應頁面寬度。若改成height則為自適應頁面高度

form標籤

1. 作用

發get或者post請求，然後重新整理頁面

2. 屬性

action:請求物件

autocomplete:自動補全

method:控制用get還是post來請求

target:哪個頁面來進行請求動作

3. 事件

onsubmit:可提交

若不寫則預設存在。若強行改變則無法提交請求

注意必須要在form裡面加入一個type=submit才能觸發submit事件

input標籤

1. 作用

讓使用者輸入內容

2. 屬性

型別屬性：type

• button:按鈕
• checkbox：多選框
• radio：單選框
• email:郵箱
• file:檔案。預設只能選擇一個檔案，弱項選擇多個檔案則需要再寫一個 multiple
• hidden:隱藏
• number:只能輸入數字
• password:密碼。使用者輸入的內容會變成小圓圈
• textarea:可換行的輸入框

• select:下拉選擇框

<select>
	<option value="1">星期一</option>
	<option value="2">星期二</option>
</select>

若option的value為空的話，則沒有選擇的預設值會變成那個option的內容

事件

• onchange:當用戶輸入改變的時候就會觸發
• onfocus:滑鼠移入
• onblur:滑鼠移出