基础前端html

基本标签

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>