HTML標籤彙總
阿新 • • 發佈：2020-12-28
HTML
W3C標準包括：
結構化標準語言（HTML，XML）
表現標準語言（CSS）
行為標準（DOM， ECMAScript)
1.網頁基本標籤
<!DOCTYPE html>//告訴瀏覽器我們要使用什麼規範
<meta charset="UTF-8">//描述性標籤，它用來描述我們網站的一些資訊
粗體：
斜體：
大於號:& gt;
小於號：& lt;
商標:©
2.影象標籤
-
src:影象地址
-
alt：影象的替代文字
-
title：滑鼠懸停提示文字
推薦使用相對地址 …/:上一級目錄
3.連結標籤
<a href="path" target="目標視窗位置">連線文字或影象</a>
target: _ self （在自己的網頁中開啟）或_ blank(在新標籤中開啟）
4.列表標籤
<!--
dl:自定義列表
dt:列表標題
dd:列表內容
-->
<dl>
<dt>科目</dt>
<dd>數學</dd>
<dd>語文</dd>
<dd>英語</dd>
</ 5.表格標籤
colspan:跨列（多列合併成一列）
rowspan:跨行；
6.媒體元素
<!--
音訊: audio;
視訊：video;
src:資源路徑；
controls；控制條；
autoplay:自動播放；
-->
<video src="" controls autoplay></video>
<audio src="" controls autoplay></audio>
7.內聯框架
<iframe 8.表單post和get提交
<!--
action:表單提交的位置，可以是網站，也可以是一個請求處理地址
method:post,get,提交方式
get方式提交：可以在url中看到我們提交的資料，不安全，高效
post提交方式：比較安全，傳輸大檔案
-->
<form action="1.我的第一個HTML.html" method="get">
<p>姓名：<input type="text" name="username"></p>
<p>密碼：<input type="password" name="pwd"></p>
<p>
<input type="submit" value="提交">//value不寫也可以，有預設值
<input type="reset">
</p>
9.檔案域
<!-- name=""file這個不能少 -->
<p>
<input type="file" name=""file>
</p>
10.簡單驗證和搜尋滑塊
<!-- 郵件驗證-->
<p>郵箱:
<input type="email" name="email">
</p>
<!-- URL -->
<p>url:
<input type="url" name="url">
</p>
<!-- 數字驗證-->
<p>商品數量:
<input type="number" name="num" max="100" min="0" step="2">
</p>
<!-- 滑塊-->
<p>音量:
<input type="range" name="voice" max="100" min="0" step="2">
</p>
<!-- 搜尋框-->
<p>搜尋:
<input type="search" name="search">
</p>
11.表單的應用
只讀：readonly;
禁用:disabled;
隱藏：hidden;
<!--增強滑鼠的可用性
你點了就會定位到相應的輸入框
for後的可以隨意填
-->
<p>
<label for="mark">你點我試試</label>
<input type="text" id="mark">
</p>
12.表單初級驗證
<!-- placeholder:框框提示資訊
required:非空判斷；
pattern：正則表示式：
-->
<p>姓名：<input type="text" name="username" placeholder="請輸入姓名" required pattern=""></p>
12.表單初級驗證
<!-- placeholder:框框提示資訊
required:非空判斷；
pattern：正則表示式：
-->
<p>姓名：<input type="text" name="username" placeholder="請輸入姓名" required pattern=""></p>