一： 有序列表 ol

二：無序列表 ul

三： 自定義列表dl

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

五：無意義字符標簽 span

六： 無意義塊標簽 div

七：寬width ? 高height ?title當當鼠標點上去是顯示的信息 alt 當圖片加載失敗時顯示的信息

八：所有標簽身上都有的屬性 title ?stytle ?id class

九：錨點 ?-a標簽

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

十:超鏈接 -a標簽

? ? ＜ａ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>班級信息表</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標簽

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>注冊信息</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="確認"></td>

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

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

? ? ? ? ?</table>

? ? ?</form>

?

轉載于:https://blog.51cto.com/7409695/1401330

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。