HTML-常用標籤

標籤：合并   文本   select標籤   內容   成功   外邊距   單選   實現   行內元素   

　　部分內容轉自：https://www.cnblogs.com/liwenzhou/p/7988087.html

★head內常用標籤

<title></title>定義網頁標題<style></style>定義內部樣式表<script></script>定義JS代碼或引入外部JS檔案<link/>引入外部樣式表檔案<meta/>定義網頁原資訊

★body內常用標籤◇基本標籤

<b>加粗</b><i>斜體</i><u>底線</u><s>刪除</s><p>段落標籤</p><h1>標題1</h1><h2>標題2</h2><h3>標題3</h3><h4>標題4</h4><h5>標題5</h5><h6>標題6</h6><!--換行--><br><!--水平線--><hr>

◇特殊字元

&nbsp;    空格&gt;    >&lt;    <&amp;    &&yen;    ￥&copy;    著作權&reg;    註冊

◇div標籤和span標籤

div標籤： 另起一行開始渲染 【塊級標籤】
span標籤：不需要另起一行渲染【行內標籤】

塊級標籤：另起一行開始渲染
行內標籤：不需要另起一行

標籤嵌套：
區塊層級元素【可以】嵌套行內元素及部分區塊層級元素
行內元素【不能】嵌套區塊層級元素

注意：p標籤不能塊級標籤，也不能包含p標籤

◇img標籤

<img src="圖片的路徑" >

alt="圖片未載入成功時的提示" title="滑鼠懸浮時提示資訊" width="寬" height="高(寬高兩個屬性只用一個會自動等比縮放)"

img可傳參數◇超連結標籤

<a href="超連結">點我跳轉</a> 

target="_blank"        在新標籤頁開啟目標網頁target="_self"        在自己的標籤頁開啟目標網頁 【預設】    

a可傳參數

絕對URL - 指向另一個網站（比如 href="http://www.jd.com）相對URL - 指當前網站中確切的路徑（href="index.htm"）錨URL     - 指向頁面中的錨（href="#top"）    

href屬性◇編號無序號編號

<ul type="disc">  <li>第一項</li>  <li>第二項</li></ul>

disc    （實心圓點，預設值）circle    （空心圓圈）square    （實心方塊）none    （無樣式）

type屬性有序號編號

<ol type="1" start="2">  <li>第一項</li>  <li>第二項</li></ol>

1     數字列表，預設值A     大寫字母a     小寫字母Ⅰ    大寫羅馬ⅰ    小寫羅馬

type屬性標題編號

<dl>  <dt>標題1</dt>  <dd>內容1</dd>  <dt>標題2</dt>  <dd>內容1</dd>  <dd>內容2</dd></dl>    

◇表格

<table>  <thead>        # 頭部  <tr>    <th>序號</th>    <th>姓名</th>    <th>愛好</th>  </tr>  </thead>  <tbody>        # 身體  <tr>    <td>1</td>    <td>Egon</td>    <td>杠娘</td>  </tr>  <tr>    <td>2</td>    <td>Yuan</td>    <td>日天</td>  </tr>  </tbody></table>

文法

border:         表格邊框.cellpadding:     內邊距cellspacing:     外邊距.width:             像素 百分比.（最好通過css來設定長寬）rowspan:         儲存格豎跨多少行colspan:         儲存格橫跨多少列（即合併儲存格）

table可傳參數◇form標籤

表單用於向伺服器傳輸資料，從而實現使用者與Web伺服器的互動

表單能夠包含：
　　1，input系欄標籤，比如文字欄位、複選框、單選框、提交按鈕等等。
　　2，textarea、select、fieldset和 label標籤

<form> </form>

action            規定向何處提交表單的地址（URL）（提交頁面）autocomplete    規定瀏覽器應該自動完成表單（預設：開啟）enctype            規定被提交資料的編碼（預設：url-encoded）method            規定在提交表單時所用的 HTTP 方法（預設：GET）    --> post getname            規定識別表單的名稱（對於 DOM 使用：document.forms.name）novalidate        規定瀏覽器不驗證表單accept-charset    規定在被提交表單中使用的字元集（預設：頁面字元集）target            規定 action 屬性中地址的目標（預設：_self）

form可傳參數◇input標籤

<input type="屬性名稱">

name：                                表單提交時的“鍵”，注意和id的區別value：                                表單提交時對應項的值    type="button", "reset", "submit"時，    為按鈕上顯示的文本年內容    type="text","password","hidden"時，        為輸入框的初始值    type="checkbox", "radio", "file"，        為輸入相關聯的值checked：                            radio和checkbox預設被選中的項readonly：                            text和password設定唯讀disabled：                            禁用

input可傳參數

type元素會根據不同的 type 屬性，變化為多種形態    type屬性值      表現形式         對應代碼        text           單行輸入文本    <input type=text" />password    密碼輸入框           <input type="password"  />date        日期輸入框        <input type="date" />checkbox    複選框            <input type="checkbox" checked="checked"  />radio        單選框            <input type="radio"  />submit        提交按鈕        <input type="submit" value="提交" />reset        重設按鈕        <input type="reset" value="重設"  />button        普通按鈕        <input type="button" value="普通按鈕"  />hidden        隱藏輸入框        <input type="hidden"  />file        文本選擇框        <input type="file"  />

type屬性◇select標籤

<select name="city" id="city">    <option value="1">北京</option>    <option selected="selected" value="2">上海</option>    <option value="3">廣州</option>    <option value="4">深圳</option></select>

multiple：布爾屬性，設定後為多選，否則預設單選

select可傳參數

disabled：禁用selected：預設選中該項value：定義提交時的選項值

option可傳參數◇textarea標籤

<textarea name="memo" id="memo" cols="30" rows="10">  預設內容</textarea>

name：名稱rows：行數cols：列數disabled：禁用    

textarea可傳參數

 

HTML-常用標籤