HTML语法

标题语法

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落语法

<p>段落标签</p>

格式化标签语法

<br />换行
<i>斜体标签</i>
<em>斜体标签</em>
<b>加粗</b>
<strong>强调</strong>
<big>定义大号字体</big>
<del>删除线</del>
<q>引用标签</q>
<ins>插入字</ins>
<sub>下标</sub>
<sup>上标</sup>

链接标签语法

<a href="xxx.html">Link text</a>
<a href="#">Link text</a> //空链接
<a href="#id">Link text</a> //锚定链接

属性：
	target="_blang" //在新窗口中打开链接

图像标签语法

<img src="图片路径" alt="图片无法显示时的替换文字">

表格语法

<table border="1">
    <caption>表格标题</caption>
    <th>表头1</th>
    <th>表头2</th>
	<tr> 
    	<td>第一行第一列</td>
        <td>第一行第二列</td>
    </tr>
    <tr>
        <td>第二行第一列</td>
        <td>第二行第二列</td>
    </tr>
    <tr rowspan="2">
        <td>第二行第一列</td>
    </tr>
</table>

属性：
	cellpadding: 单元格边距
	cellspacing: 单元格间距
	align: 对齐方式 （left/right/center）
	frame: box/above/below/hsides/vsides
	colspan: 跨列
	rowspan: 跨行

无序列表语法

<ul>
	<li>无序列表1</li>
	<li>无序列表2</li>
	<li>无序列表3</li>
</ul>

属性：
	type: disc/circle/square

有序列表语法

<ol>
	<li>有序列表1</li>
	<li>有序列表2</li>
	<li>有序列表3</li>
</ol>

属性： 
	type: A/a/Ⅰ/i

自定义列表语法

<dl>
	<dt>自定义表头</dt>
	<dd>自定义列表项1</dd>
	<dd>自定义列表项2</dd>
</dl>

表单语法

<form>
	<!-- input（输入）语法 -->
	用户名: <input type="text" value="Tom"><br>
	密码: <input type="password" value="123456"><br>
	男: <input type="radio" name="sex" checked="checked"> //单选框
    女: <input type="radio" name="sex">
	篮球: <input type="checkbox" checked="checked"> //复选框
    游泳: <input type="checkbox"> 
    健身: <input type="checkbox"><br>
 	<input type="button" value="按钮">
	<input type="submit" value="提交">
	<input type="reset" value="重置"><br>

	<!-- select（下拉）语法 -->
	<select name="country" id="country-choose">
		<option value="中国">中国</option>
 		<option value="朝鲜">朝鲜</option>
        <option value="越南">越南</option>
        <option value="古巴">古巴</option>
        <option value="老挝">老挝</option>
    </select>

	<!-- textarea（大量文本输入）语法  -->
    <textarea name="lots-text" id="text-input" cols="30" rows="10">
    	请输入...
    </textarea>
</form>