一、a標簽

作用：1、跳轉到外部頁面；2、跳轉到內部錨點；3、跳轉到郵箱或電話。

屬性：

href（hyper+reference）：超級引用、超級鏈接

1、a的href的取值：

<

//http://google.com：無協議的網址，因為是最高級，會自動選擇。由于此方式能夠自動補齊相關的網絡地址，前面兩種寫錯就會報錯，所以推薦使用。

2、路徑：

/a/b/c以及a/b/c是當前路徑下的a里面的b，b里面的c。

3、偽協議：

<a href="javascript:;">點擊后無動作</a>

點擊后無任何動作<a href="javascript:;alert(1)">javascript偽協議</a>

點擊后，跳出選項

4、mailto:郵箱

<a href="mailto:XXXXX@qq.com">發郵件給我</a>

5、tel:電話號碼

<a href="tel:123456789">打電話給我</a>

6、id：

<a href="#xxx">查看xxx</a>

備注：如果html href留空<a href=" ">留空</a>，頁面則會刷新；

如果想寫一個a標簽，什么也不做，就之能寫<a href="javascript:;">...</a>。

7、a的target的取值：

_blank:在空白的頁面打開

_top:在最上面的窗口打開

_parent:在當前鏈接所在的iframe上一層打開

_sejf:在自己當前位置打開，是默認值

二、table標簽：

thead:表示表格的頭部，可有可無

tbody:表示表格的內容

tfoot:表示表格的尾部，可有可無

tr(table row):table里面的一行

th:表示表頭

td(table data):表示表格數據

<table><thead><tr><th></th><th>小紅</th><th>小明</th><th>小蘭</th></tr></thead><tbody><tr><th>數學</th><td>61</td><td>91</td><td>85</td></tr><tr><th>語文</th><td>79</td><td>82</td><td>92</td></tr><tr><th>英語</th><td>100</td><td>97</td><td>87</td></tr></tbody><tfoot><th>總分</th><td>200</td><td>200</td><td>200</td></tfoot></table>

表格

1、table的相關樣式：

table-layout:auto:根據內容自動計算行距

table-layout:fixed:表格和列的寬度通過表格來計算的，平均分布

border-collapse:控制border是否合并，默認不合并

border-spacing:控制border和border之間的距離，最好是0

<style>table{width: 600px;table-layout: fixed;border-collapse: collapse;border-spacing: 0;}td,th{border:1px solid black}</style>

三、img標簽：

1、作用：發出get請求，展示圖片

2、屬性：

alt:可選的，可替換的，在圖片加載失效時，顯示一行字來提示用戶

<img src="圖片.jpg" alt="圖片" />

height:只寫高度，寬度會自適應

width:只寫寬度，高度會自適應

src(source):圖片地址

3、響應式：

img{max-width: 100%;}

4、事件：

onload/onerror：用來監聽圖片是否加載成功，若加載成功就調用onload；若沒有加載成功，則調用onerror

四、form標簽：

1、作用：發送get或post請求，然后刷新頁面

2、屬性：

action：的作用時控制請求哪個頁面，刷新頁面的地址

method：是控制get還是用post請求

autocomplete：是否自動填充（on）是，（off）否

target：把哪個頁面變成當前頁面，告訴瀏覽器提交到哪個頁面，哪個頁面應該刷新

3、事件：

onsubmit：如果寫了input type=“submit”，那么瀏覽器會根據當前使用的語言自動變成看得懂的文字。

input type=“submit”和button type=“submit”的區別是input里面不能再有內容，只能有純文本；button里可以有任何其他內容。

form表單必須有一個type=“submit”的按鈕，表單才可提交。

五、input標簽：

<

文本框<

可選擇文本框的顏色<input type="password" />

輸入密碼<input name="gender" type="radio" />男 <input name="gender" type="radio" />女

選擇性別<input type="checkbox" name="hobby" />唱 <input type="checkbox" name="hobby" />跳 <input type="checkbox" name="hobby" />打籃球

多項選擇<input type="file" />

單選文本<textarea style="resize: none; width: 50%; height: 300px;"></textarea>

多行文本框<select><option value="">-請選擇-</option><option value="1">星期一</option><option value="1">星期二</option> </select>

選項

這節課的內容太多了，我消化的有點慢，但是還是在這節課里學到了許多，我希望我能好好堅持學到最后，加油

總結

以上是生活随笔為你收集整理的a标签点击事件_html常用标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。