常用html标签

最新推荐文章于 2024-06-13 10:31:50 发布

Estrella_妍

最新推荐文章于 2024-06-13 10:31:50 发布

阅读量332

点赞数 7

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_67481569/article/details/136741073

版权

//链接
<a href="https://www.runoob.com">这是一个链接使用了 href 属性</a>
//图片
<img src="/images/logo.png" width="258" height="39" />
//换行
<br>
//水平线
<hr>

<b>加粗文本</b><br><br>
<i>斜体文本</i><br><br>

//头部标签
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

//表格
<table>
  <thead>
    <tr>
      <th>列标题1</th>
      <th>列标题2</th>
      <th>列标题3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>行1，列1</td>
      <td>行1，列2</td>
      <td>行1，列3</td>
    </tr>
    <tr>
      <td>行2，列1</td>
      <td>行2，列2</td>
      <td>行2，列3</td>
    </tr>
  </tbody>
</table>

//表单
<form action="/" method="post">
    <!-- 文本输入框 -->
    <label for="name">用户名:</label>
    <input type="text" id="name" name="name" required>

    <br>

    <!-- 密码输入框 -->
    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>

    <br>

    <!-- 单选按钮 -->
    <label>性别:</label>
    <input type="radio" id="male" name="gender" value="male" checked>
    <label for="male">男</label>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">女</label>

    <br>

    <!-- 复选框 -->
    <input type="checkbox" id="subscribe" name="subscribe" checked>
    <label for="subscribe">订阅推送信息</label>

    <br>

    <!-- 下拉列表 -->
    <label for="country">国家:</label>
    <select id="country" name="country">
        <option value="cn">CN</option>
        <option value="usa">USA</option>
        <option value="uk">UK</option>
    </select>

    <br>

    <!-- 提交按钮 -->
    <input type="submit" value="提交">
</form>

//字符实体
&nbsp;//空格
&lt;//小于号
&gt;//大于号