Html簡單标簽

前言

記錄一下學習html，初識前端，記錄一些html的常用标簽，雖然簡單，但會經常用到。

<h1> 标題标簽</h1>
           

标題标簽

<p>段落标簽</p>
           

段落标簽

換行标簽</br>
           

換行标簽

水準線标簽</hr>
           

特殊符号 &nbsp; &lt; &gt; &amp; &yen; &copy; &reg; &deg; &plusmn; &times; &divide; &sup2;<br/>
           

特殊符号   < > & ¥ © ® ° ± × ÷ ²

<img src="path" alt="圖檔" height="250" width="250"/><br/>
           

<!--超連結-->
<a href="www.baidu.com" target="_self">百度</a>
           

百度

清單

有序清單：

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>
           

1. 1
2. 2
3. 3

無序清單：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
           

• 1
• 2
• 3

自定義清單：

<dl>
    <dt>學科</dt>
    <dd>java</dd>
    <dd>c</dd>
    <dd>c++</dd>
</dl>
           

學科

java

c

c++

表格：

• 跨行，跨列

<table border="1">
    <tr>
        <td colspan="2">112</td><td>13</td>
    </tr>
    <tr>
        <td rowspan="2">2131</td><td>22</td><td>23</td>
    </tr>
    <tr>
        <td>32</td><td>33</td>
    </tr>
</table>
           

112	13
2131	22	23
32	33

媒體元素

視訊：

controls必須設定，不然不會顯示

<video src="path" width="450" height="300" controls></video>
           

音頻

<audio src="D:\java_work\hello_web\web\rourse\3.mp3" width="350" heigth="20" controls></audio>
           

表單

<form action="path" method="get">
    <p>賬号：<input type="text" value="name"></p>
    <p>密碼：<input type="passwordt" value="password"></p>
    <p>性别<input type="radio" name="sex" checked="checked"/>男
    <input type="radio" name="sex"/>女</p>
    <p>興趣<input type="checkbox" name="xingqu"/>唱歌
    <input type="checkbox" name="xingqu"/>跳舞
    <input type="checkbox" name="xingqu"/>寫作</p>
    <p>檔案</p><input type="file" /></p>
    <p><input type="submit" value="submit"></p>
    <p><input type="reset" value="reset"></p>
</form>
           

賬号：

密碼：

性别男

女

興趣唱歌

跳舞

寫作

檔案

效果

總結

确實很水