html標籤語言總結

<title>標題標籤</title>
<h1>一級標題</h1>
<h2>二級標題</h2>
...
<h6>六級標題</h6>

<!--註釋-->
<hr/>水平線標籤
換行標籤，只需要自閉合就行<br/>
<p>段落標籤</p>
<strong>粗體標籤</strong>
<em>斜體標籤</em>
特殊標籤
&nbsp; 空格

<img src="圖片路徑" alt="圖片文字描述（圖片顯示不出來用）" title="懸停文字（滑鼠懸停顯示文字）"/>
 

<a href="網頁地址.html" target="_blank">點選我跳轉到頁面</a>
<!--圖片超連結-->
<a href="網頁地址.html">
<img src="圖片路徑" alt="圖片文字描述（圖片顯示不出來用）" title="懸停文字（滑鼠懸停顯示文字）"/>
</a>

錨鏈接

• 需要一個錨標記
• 跳轉到標記

<!--使用name作為標記-->
<a name="top">頂部</a>
<!--使用#+name跳轉到標記-->
<a href="#top">回到頂部</a>
 

功能性連結 郵件連結mailto
qq連結 使用QQ推廣工具

<a href="mailto:[email protected]">點選聯絡我</a>

列表標籤

1.有序列表 有1、2、3、456

<ol>
 <li>java</li>
 <li>python</li>
 <li>c</li>
</ol>

2.無序列表 用在導航 、側邊欄等

<ul>
 <li>java</li>
 <li>python</li>
 <li>c</li>
</ul>
 

3.自定義列表 dt:列表名稱 dd:列表內容 一般用在網頁底部

<dl>
 <dt></dt>

 <dd></dd>
 <dd></dd>
 <dd></dd>
</dl>

表格標籤

<!--表格 table border 邊框
行 tr
列 td
下面三行三列
-->
<table border="1px">
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</table>
<!--colspan 跨列-->
<!--rowspan 跨行-->
<!--跨行 跨列都在td上操作-->

視訊和音樂

<!--src:資源路徑
controls:控制條
autoplay:自動播放
-->
<video src="" controls autoplay></video>
<audio src=""></audio>