HTML基础标签

admin • • 人工智能 
<!-- 声明文档。避免再不同的浏览器中渲染的效果不一样，从而出现怪异模式 -->
<!DOCTYPE html>

<!-- 定义该网页为英文网站  -->
<html lang="en">

<!-- 头部标签  -->
<head>

  <!-- 定义编码格式 -->
  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- 网页标题 -->
  <title>Document</title>
</head>

<!-- 文档内容，显示在网页中 -->
<body>
  <!-- h1-h6 从大到小 -->
  <h1>标题标签</h1>
  <!-- 超链接标签 -->
  <a href="#"></a>
  <!-- 段落。一段话 -->
  <p>段落标签</p>
  <!-- 换行标签。可以放到段落标签里 -->
  <br>
  <!-- 水平线标签 -->
  <hr>
  <!-- 图片标签 -->
  <img src="" alt="" title="">
  <!-- 定义着重文字 -->
  <em>文本标签</em>
  <!-- 定义粗体文字 -->
  <b>文本标签</b>
  <!-- 定义斜体字 -->
  <i>文本标签</i>
  <!-- 定义加重语气 -->
  <strong>文本标签</strong>
  <!-- 定义删除字 -->
  <del>文本标签</del>
  <!-- 元素没有特定的含义。使用较多  -->
  <span>文本标签</span>

  <!-- 有序列表 -->
  <ol type="A">
    <li>水果</li>
    <li>肉类</li>
    <li>蔬菜
      <ol type="I">
        <li>番茄</li>
        <li>黄瓜</li>
      </ol>
    </li>
  </ol>

  <!-- 无序列表, 使用较多,常用于页面导航栏的使用 -->
  <ul type="disc">
    <li>房子</li>
    <li>汽车</li>
    <li>金钱
      <ul type="none">
        <li>美元</li>
        <li>欧元</li>
      </ul>
    </li>
  </ul>

  <!-- 表格标签 -->
  <table border="1">
    <tr>
      <td colspan="2">单元格1</td>
    </tr>
    <tr>
      <td rowspan="2">单元格3</td>
      <td>单元格4</td>
    </tr>
    <tr>
      <td>单元格6</td>
    </tr>
  </table>

  <!-- 表单 -->
  <form action="url" method="get|post" name="myform"> 
    <input type="text" placeholder="请输入">
    <input type="button" value="确定">
  </form>

  <!-- html5新增标签 -->
  <header>头部标签</header>
  <nav>导航标签</nav>
  <article>左侧上部
    <section>左侧下部</section>
  </article>
  <aside>侧边栏标签</aside>
  <footer>尾部标签</footer>
</body>
</html>

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>