HTML的一些标签

1. 一些简单的标签：

<p>段落标签</p>

<br/>换行标签

<ul>无序列表标签</ul>

    <li>表示该无序列表的一个列表项</li>

<ol>有序列表标签</ol>

<img src="1.png" /> 引入图片

<a href="http://www.baidu.com">这是个链接</a>

<a href="http://www.baidu.com" target="_self">跳转后的页面,在当前页面打开</a>

<a href="http://www.baidu.com" target="_blank">跳转后的页面,在另一个页面打开</a>

2. 表格标签：

<table border="1" width="400">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>15</td>
    </tr>
</table>
<!--
    table标签是表格标签，创建1个表格；
    border属性：边框（默认单位px）; width属性：表格的宽；
    tr标签表示创建1行；td标签表示创建1个单元格；th标签表示表头；
    rowspan跨行合并；colspan跨列合并
-->

例子：

<table border="1" width="400">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
		<th>id</th>
	</tr>
	<tr>
		<td>张三</td>
		<td rowspan="2">28</td>
		<td>1</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>2</td>
	</tr>
	<tr>
		<td>王五</td>
		<td colspan="2">15</td>
	</tr>
</table>

呈现出的表格：

3. form表单

<form action="success.html">
	username: <input type="text" name="uname"/>
        username: <input type="text" name="uname2" value="admin默认值"/><br />
	password: <input type="password" name="pwd"/><br />
        性别：男<input type="radio" name="gender" value="male"/>  女<input type="radio" name="gender" value="female"/><br />
	<input type="reset" value="清空"/>
	<input type="submit" value="提交"/>
</form>
<!--
    form是表单标签：
    action属性：表单要提交的地址，这里是提交到"success.html"；
    input标签：用来创建1个表单项，不会换行；
        name属性：如果希望表单项的数据能够被表单收集提交给服务器，必须添加name属性；最后，name属性和用户输入的值组成键值对进行提交；
        value属性：凡是用户不能直接输入的表单项，需要提供一个value属性值，服务器会使用此值；
        type属性：决定input的功能和样式（text、password、reset、submit）；    
-->

text：普通文本框

password：密码框，输入内容会做隐藏处理

reset：重置按钮

submit：提交按钮，点击此按钮表单会自动收集所有name属性值的表单项数据提交给form标签的action属性值的资源

radio：单选框，相同的name属性值决定多个radio按钮是否是同一组