1、html基本結構
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body bgcolor="red" background="bg.jpg">
</body>
</html>
2、文本相關标簽
<H1> - <H6>
<font> color size face
<p> align <br>
<center> <b> <i>
<hr>
<pre> 預格式文本，讓文本保持原來風格，英雄本色
特殊字元
&nbsp; &lt; &gt;
3、超連結
<a> href target="_blank"
相對路徑
絕對路徑
根路徑
錨定 <a name="top">頂部</a>
<a href="#top" name="top">回到頂部</a>
4、圖像
<img> alt src width height border
5、清單
<ul> type=disc, circle, square
<ol> type=1,a,A,I,i
6、表格
<table> align valign rowspan colspan
cellpadding填充 cellspacing間距 border bordercolor
7、表單
<form> method
<input> type=submit reset button image checkbox radio text password hidden file
<textarea>
<select>
<label>
8、<fieldset> <legend>
9、<meta>
10、注釋 <!-- 注釋的内容 -->
* <embed src="coder.mp3" loop=true autostart=true name=bgss width="460" height="68">調用wmp的插件
* <bgsound src="town.mid" loop="true" />隻能播放wav和mid格式，隻支援ie
* 插入flash
<param name="movie" value="light-bot-2205.swf" />
<param name="quality" value="high" />
</object>
* 滾動标簽 <marquee> scrolldelay direction
遺留問題：
1、text和password不一樣長
2、無法改變button的長度
3、table的的邊框太粗 table内文字樣式
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<form action="reg.aspx">
<input type="text">
<input type="password">
<input type="hidden">
<input type="button">
<input type="submit">
<input type="reset">
<input type="image" src="E:\支付寶.jpg">
<input type="file">
<input type="radio">
<input type="checkbox">
<hr>
使用者名:<input type="text" value="請輸入" size="20" maxlength="6"><br>
密&nbsp;&nbsp;碼:<input type="password" value="" size="20"><br>
性&nbsp;&nbsp;别:<input type="radio" value="男" name="sex" checked="checked">男
<input type="radio" value="女" name="sex">女<br>
學&nbsp;&nbsp;曆:<input type="radio" value="xx" name="xl" checked>國小
<input type="radio" value="cz" name="xl">國中
<input type="radio" value="gz" name="xl">高中
愛&nbsp;&nbsp;好:<input type="checkbox" value="cf" checked>吃飯
<input type="checkbox" value="sj">睡覺
<input type="checkbox" value="dq">打球
<br>
選擇城市：<select>
<option value="1">請選擇</option>
<option value="1" selected="selected">上海</option>
<option value="2">北京</option>
<option value="3">南京</option>
</select>
<hr>
<select size="4" multiple="multiple">
<optgroup label="河北">
<option>邯鄲</option>
<option>石家莊</option>
<option>邢台</option>
</optgroup>
<optgroup label="河南">
<option>鄭州</option>
<option>石安陽</option>
<option>新鄉</option>
<br>
自我介紹：<textarea cols="40" rows="3">我是多行文本
</textarea>
</fieldset>
<input type="submit" value="注冊">
<input type="reset" value="重置">
<input type="button" value="check">
<marquee dircution="down"><marquee dircution="right">讓子彈飛</marquee></marquee>
<!--<bgsound src="E:\音樂\Nightwish - She Is My Sin.mp3"></bgsound>-->
<embed src="E:\音樂\Nightwish - She Is My Sin.mp3" loop="true" name="狼的誘惑" width="460" height="68">
</form>
</body>
</html>
本文轉自蓬萊仙羽51CTO部落格，原文連結：http://blog.51cto.com/dingxiaowei/1366613，如需轉載請自行聯系原作者
![HTML标簽和标簽的屬性[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)