基本标签
1. <br>
: 换行标签
- 用法示例:
第一行文本<br>第二行文本
2. <hr>
: 水平分割线
- 用法示例:
上方文本 <hr> 下方文本
标题标签
- <h1>
到 <h6>
: 标题标签
- 用法示例:
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
超链接标签
- <a>
: 超链接标签
- 用法示例:
<a href="https://www.example.com">访问示例网站</a>
列表标签
1. <ul>
: 无序列表
- 用法示例:
<ul> <li>列表项1</li> <li>列表项2</li> </ul>
2. <ol>
: 有序列表
- 用法示例:
<ol> <li>第一项</li> <li>第二项</li> </ol>
表格标签
- <table>
: 表格标签
- 用法示例:
<table> <tr> <th>列1</th> <th>列2</th> </tr> <tr> <td>数据1</td> <td>数据2</td> </tr> </table>
表单标签
1. <input>
: 输入框标签
- 用法示例:
用户名:<input type="text" name="username"> 密码:<input type="password" name="password">
2. <label>
: 标签标签
- 用法示例:
<label for="username">用户名:</label> <input type="text" id="username" name="username">
3. <textarea>
: 多行文本输入框
- 用法示例:
<textarea name="message" rows="4" cols="50"> 在这里输入文本... </textarea>
4. <select>
和 <option>
: 下拉列表和选项
- 用法示例:
<label for="role">角色:</label> <select id="role" name="role"> <option value="student">学生</option> <option value="teacher">教师</option> </select>
5. <button>
: 按钮
- 用法示例:
<button type="submit">提交</button>
6. <form>
: 表单
- 用法示例:
<form action="/submit-form" method="post"> 用户名:<input type="text" name="username"> 密码:<input type="password" name="password"> <button type="submit">登录</button> </form>