一： 有序列表 ol

二：無序列表 ul

三： 自定義列表dl

四：文字標(biāo)簽 h1 p ?font b（）加粗 i（）斜體 ?u（下劃線） sup（上標(biāo)） sub（下標(biāo)）

五：無意義字符標(biāo)簽 span

六： 無意義塊標(biāo)簽 div

七：寬width ? 高h(yuǎn)eight ?title當(dāng)當(dāng)鼠標(biāo)點(diǎn)上去是顯示的信息 alt 當(dāng)圖片加載失敗時(shí)顯示的信息

八：所有標(biāo)簽身上都有的屬性 title ?stytle ?id class

九：錨點(diǎn) ?-a標(biāo)簽

? ? <a name="top"></a> ?

十:超鏈接 -a標(biāo)簽

? ? ＜ａhref="http://www.baidu.com"＞ 百度</a>

十一：表格table

? ? ?tr：table row ?行

? ? td ： table data ?lie

? ?caption ?表名

? ? th ：列表名

例：

<table border="1px" width="500px" height="300px" align="center">

? ? ? ? ?<caption>班級(jí)信息表</caption>

? ? ? ? ? ? <tr bgcolor="#000000">

? ? ? ? ? ? ? ? ? ? <th><font color="red">姓名</font></th>

? ? ? ? ? ? ? ? ? ?<th><font color="red">年齡</font></th>

? ? ? ? ? ? ? ? ? <th><font color="red">性別</font></th>

? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? <tr align="center">

? ? ? ? ? ? ? ? ? ? ? ? <td valign="bottom">小鳥</td>

? ? ? ? ? ? ? ? ? ? ? ? ?<td>20</td>

? ? ? ? ? ? ? ? ? ? ? ? <td valign="top">男</td>

? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ?<tr align="center">

? ? ? ? ? ? ? ? ? ? ? ? <td valign="bottom">大鳥</td>

? ? ? ? ? ? ? ? ? ? ? ? ?<td>22</td>

? ? ? ? ? ? ? ? ? ? ? ? <td valign="top">男</td>

? ? ? ? ? ? ? </tr>

</table>

表單 ?font標(biāo)簽

action=“地址”

method=“get”

文本元素<input type=“text” name=“一定要有”>

密碼元素<input type="password" name="一定要有">

提交 <intup type="submit" ?name="一定要有">

重置 <input type="reset" name="一定要有">

例：<form action="123.php">

? ? ? ? ?<table border="0px" width="500px" align="center"

? ? ? ? ? ? ? <caption>注冊(cè)信息</caption>

? ? ? ? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ? <td>用戶名：<input type="text" name="123" size="50"></td>

? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ?<td>密碼：<input type="password" name="234" size="50"></td>

? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? <td><input type="submit" value="確認(rèn)"></td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? <td><input type="reset" value="重置"></td>

? ? ? ? ? ? ? ? ? ? ? ?</tr> ? ? ? ? ?

? ? ? ? ?</table>

? ? ?</form>

?

轉(zhuǎn)載于:https://blog.51cto.com/7409695/1401330

總結(jié)

以上是生活随笔為你收集整理的html 最初级学习笔记一的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。