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>