HTML 的常用标签

329 阅读2分钟

HTML 标签

什么是 HTML 标签

  • HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
  • HTML 标签由开始标签和结束标签组成
  • 开始标签是被括号包围的元素名
  • 结束标签是被括号包围的斜杠和元素名
  • 某些 HTML 元素没有结束标签,比如 <br>

注释:开始标签的英文翻译是 start tag 或 opening tag,结束标签的英文翻译是 end tag 或 closing tag。

HTML 元素实例:

      <p>     Hello world     </p>
    开始标签      内容        结束标签

HTML 文档实例:

<!DOCTYPE html>
<html>
<head>
  <title>HTML</title>
</head>
<body>
  <p>Hello world!</p><br>
  <p>I am kari!</p>
</body>
</html>

基本的 HTML 标签

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 标题实例:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。
HTML 段落实例:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。
HTML 链接实例:

<a href="http://www.baidu.com">This is a link</a>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。
HTML 图像实例:

<img src="kari.jpg" width="200" height="200">

常用的 HTML 标签

HTML 嵌套页面

HTML 嵌套页面是通过 <iframe> 标签进行实现的。
HTML 嵌套页面实例:

<iframe src="https://www.baidu.com" name="xxx"></iframe>`

HTML 跳转页面

  • (HTTP GET 请求)
    HTML 跳转页面是通过 <a> 标签进行实现的。
    HTML 跳转页面(HTTP GET 请求)实例:
<a src="https://www.baidu.com" name="xxx"></a>`

属性见 MDN:developer.mozilla.org/zh-CN/docs/…

  • (HTTP POST 请求)
    HTML 跳转页面是通过 <form> 标签进行实现的。
    HTML 跳转页面(HTTP POST 请求)实例:
<form src="https://www.baidu.com" name="xxx"></form>

属性见 MDN:developer.mozilla.org/zh-CN/docs/…

HTML 展示数据

HTML 展示数据是通过 <table> 标签进行实现的(HTTP POST 请求)
HTML 展示数据实例: 属性见:developer.mozilla.org/zh-CN/docs/…

<table>
  <tr>
    <td>Kari</td>
    <td>Jack</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Bob</td>
  </tr>
</table>