一、列表
属于块级标签
1.无序列表
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ul>
2.有序列表
<ol>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ol>
二、表格
属于块级标签
<body>
<h1>数据表格</h1>
<table>
<thead>
<tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr>
</thead>
<tbody>
<tr> <td>01</td> <td>佩奇</td> <td> 4</td> </tr>
<tr> <td>01</td> <td>乔治</td> <td> 2</td> </tr>
<tr> <td>01</td> <td>张三</td> <td> 15</td> </tr>
<tr> <td>01</td> <td>李四</td> <td> 22</td> </tr>
</tbody>
</table>
</body>
其中
<table></table>
是表格块
<thead></thead>
是表头
<tr> </tr>
是每一行
<td></td>
是每一个单元格
运行结果如下
加边框的话
<table border='1'>
***
</table>
表格中可以是文字、图片、超链接等,嵌套进去就可以。
三、input系列
属于行内标签
<input type="text"/>
<input type="password"/>
<input type="file"/>
<input type="radio" name="n1"/>男
<input type="radio" name="n1"/>女
<input type="checkbox"/>篮球
<input type="checkbox"/>足球
<input type="checkbox"/>羽毛球
<input type="button" value="提交"/>
<input type="submit" value="提交"/>
1. 文本编辑框
<input type="text"/>
2. 密码编辑框
3. 文件选择框
<input type="file"/>
4. 单选框
<input type="radio"/>
一般两个单选框,互斥操作,name相同时,只能选择一个。
<input type="radio" name="n1"/>
<input type="radio" name="n1"/>
且一般后续有文字描述
<input type="radio" name="n1"/>男
<input type="radio" name="n1"/>女
5. 复选框
<input type="checkbox"/>篮球
<input type="checkbox"/>足球
<input type="checkbox"/>羽毛球
6. 按钮
<input type="button" value="提交"/> -->普通按钮
<input type="submit" value="提交"/> -->提交表单
三、下拉框
<h1>下拉框</h1>
<select>
<OPTION>北京</OPTION>
<OPTION>上海</OPTION>
<OPTION>广州</OPTION>
<OPTION>深圳</OPTION>
</select>
多选时
<select >
***
</select>
按Shift实现多选
总结
以上就是本文要讲的内容,继续讲解了一些浏览器能够识别的标签。