HTML常用標簽


html常用標簽

<h1> </h1>
<h2> </h2>
<h3> </h3>
...

<p> </p> //段落標簽

<hr /> //水平線標簽

<br /> //換行標簽

<div> </div>
<span> </span>

<img src="url" /> //圖像標簽

<a href="" target="self"> </a>  //鏈接標簽

<!-- 注釋語句 --> //注釋標簽

相對路徑 | 絕對路徑

表格標簽

<table>
    <tr>
        <th>表頭</th>
        ...
    </tr>
    <tr>
        <td>單元格內的文字</td>
        ...
    </tr>
    ...
</table>

無序列表

<ul>
    <li> </li>
    <li> </li>
    <li> </li>
    ...
</ul>

//有序列表
<ol>
    <li> </li>
    <li> </li>
    <li> </li>
    ...
</ol>

//自定義列表
<dl>
    <dt>名詞1</dt>
    <dd>名詞1解釋1</dd>
    <dd>名詞1解釋2</dd>
    ...
</dl>

表單標簽

<input type="屬性值" value="" name="">
屬性 屬性值 描述
type text 單行文本輸入框
type password 密碼輸入框
type radio 單選按鈕
type checkbox 復選框
type button 普通按鈕
type submit 提交按鈕
type reset 重置按鈕
type image 圖像形式的提交按鈕
type file 文件域
name 由用戶自定義 控件的名稱
value 由用戶自定義 input控件中的默認文本值
size 正整數 input控件在頁面中的顯示寬度
checked checked 定義選擇控件默認被選中的項
maxlength 正整數 控件允許輸入的最多字符數

label標簽(提升用戶體驗)

<label>
    用戶名:<input type="text" name="username" value="">
</label>

textarea控件(文本域)

<textarea>
文本內容
</textarea>

select下拉列表

<select>
    <option>選項1</option>
    <option>選項2</option>
    <option>選項3</option>
    ...
</select>

form表單域

<form action="url地址" method="提交方式get/post" name="表單名稱">
</form>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM