Html經常使用標籤及全稱

 

<!-- 塊標籤 divsion -->
<div></div>

 

<!--br 換行    break-->

<br />

 

<!--分割線 horizontal-->
<hr />

 

<!--段落標籤 paragraph-->
<p></p>

 

<!--文本標籤 span-->
<span></span>

 

<!-- imges 圖片標籤 -->
<!-- alt加載失敗時進行標識 -->
<!-- title鼠標移入時圖片內容描述 -->
<img src="./test.png" alt="標題圖片加載失敗" title="背景描述"><br/>

 

<!--下劃線文本 u-->
<u></u>

 

<!--刪除線文本　　delete-->
<del></del>

 

<!--強調語氣　　emphasize-->　　

<em></em>

 

<!--超級連接 a-->
<!--跳轉方式 target-->
<!-- _blank 打開新的標籤頁 -->
<!-- _selt 自身標籤頁跳轉連接 -->
<a href="https://www.baidu.com/" target="_blank">百度一下</a><br/>
<a href="https://www.baidu.com/" target="_self">百度一下2</a><br/>

 

<!--video 定義視頻播放 controls 控制器 autoplay 打開網頁自動播放-->
<video width="800" height="" controls autoplay>
<source src="./movie.mp4" type="video/mp4"></source>
</video>

<!--audio 定義音頻播放 controls 控制器 autoplay 打開網頁自動播放-->
<audio width="800" height="" controls autoplay>
<source src="./movie.mp4" type="video/mp4"></source>
</audio>

 

<!--boder 外邊框大小 cellspacing 單元格之間的間距 cellpadding 單元格內容距邊框距離   align 瀏覽器的對齊方式 (center right left) bgcolor 背景顏色 caption 表格標題-->
<table border="1" width="600px"; height="300"; cellspacing="10" cellpadding="20" align="right" bgcolor="red">

<tr>
<td></td>
<td></td>
<td></td>
<!--<td></td>-->
<td></td>
<td></td>
<td></td>
<td></td>
<!--<td colspan="2"></td>-->
<!--<td></td>-->
</tr>
</table>

 

 

<form action="" method="" name="">
<!--input 複選框-->
<!--checked 默認值選中-->
<input type="checkbox" checked="checked" id="" />

<!--text 文本內容 size 表單大小 value 默認值-->
<input type="text" size="20" value="hello world"/>

<!--password 密碼輸入 placeholder 提示輸入信息-->
<input type="password" placeholder="請輸入密碼"/>

<!--button 按鈕-->
<input type="button" value="按鈕" />

<input type="submit" name="" id="" value="提交" />

<input type="reset" name="" id="" value="重置" />

<button name="Button Demo">按鈕測試</button><br />

<!--radio 單選按鈕-->
男：<input type="radio" name="sex" id="" value="" />
女：<input type="radio" name="sex" id="" value="" />

<!--select 下拉框-->
<select name="" id="">
<option value="">北京</option>
<option value="">澳門</option>
<option value="">香港</option>
</select>

<!--min 最小值 max 最大值 number 輸入類型限制數字-->
<input type="number" id="num" min="1" max="10"/>
<input type="email" name="" id="" value="" />

<!--textarea 文本域 rows 高度 cols 寬度-->
<textarea name="" rows="10" cols="20"></textarea>


<!--fieldset 區域邊框 legend 定義一個標題-->
<fieldset id="">
<legend>信息</legend>
用戶：
<input type="text" name="" id="" value="請輸入用戶名" /><br/>
密碼：
<input type="password" name="" id="" value="請輸入密碼" /><br/><br/>
上傳文件：
<input type="file" name="" id="" value="" />
</fieldset>

</form>

 

<!-- 默認type類型爲實心小圓點(disc) -->
<ul type="disc">
<li>羅馬</li>
<li>埃及</li>
<li>漢朝</li>
</ul>

<!-- type類型爲空心小圓點(circle) -->
<ul type="circle">
<li>羅馬</li>
<li>埃及</li>
<li>漢朝</li>
</ul>

<!-- type類型爲實心的正方形(square) -->
<ul type="square">
<li>羅馬</li>
<li>埃及</li>
<li>漢朝</li>
</ul>

 

<!--boder 外邊框大小 cellspacing 單元格之間的間距 cellpadding 單元格內容距邊框距離
align 瀏覽器的對齊方式 (center right left) bgcolor 背景顏色 caption 表格標題-->
<table border="1" width="600px"; height="300"; cellspacing="10" cellpadding="20" align="right" bgcolor="red">
<caption>表格</caption>
<!--colspan 列向右合併從自身算起 rowspan 行向下合併從自身算起-->
<tr>
<td colspan="2"></td>
<!--<td></td>-->
<td>666</td>
<td rowspan="2"></td>
<td>888</td>
<td>88888</td>
<td></td>
<td></td>
<td colspan="2" rowspan="2"></td>
<!--<td></td>-->
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<!--<td></td>-->
<td></td>
<td></td>
<td></td>
<td></td>
<!--<td colspan="2"></td>-->
<!--<td></td>-->
</tr>
</table>

<!--video 定義視頻播放 controls 控制器 autoplay 打開網頁自動播放--> <video width="800" height="" controls autoplay> <source src="./movie.mp4" type="video/mp4"></source> </video> <!--audio 定義音頻播放 controls 控制器 autoplay 打開網頁自動播放--> <audio width="800" height="" controls autoplay> <source src="./movie.mp4" type="video/mp4"></source> </audio>