HTML文档的基本结构
<!DOCTYPE html>
<html>
<!-- HTML注释 -->
<head>
<!-- meta指定了HTML文档的字符集 -->
<meta charset="utf-8">
<!-- title标签指定了HTML文档的标题 -->
<title>HTML文档</title>
</head>
<body>
</body>
</html>
DOCTYPE
<!DOCTYPE html>声明该文档为HTML5文档。
<html>标签
<html>标签是HTML文档的根元素，HTML文档的内容必须放在标签中。
<head>标签
<head>标签包含了文档的元数据，如HTML文档的字符集、标题等。
<body>标签
<body>标签包含了页面的可见内容。
<title>标签
<title>标签定义了HTML文档的标题。
HTML标题
HTML共有6级标题，分别是：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。
HTML水平线
HTML使用<hr>标签定义水平线。
HTML注释
HTML注释标签为<!---->
HTML段落
在HTML中，段落使用<p>来定义。
<br>标签
<br>标签用于在文本中添加折行。
HTML文本格式化
文本格式化标签
| 标签 | 功能 |
|---|---|
| <b> | 粗体字 |
| <em> | 着重文字 |
| <i> | 斜体字 |
| <small> | 小号字 |
| <strong> | 加重语气 |
| <sub> | 下标字 |
| <sup> | 上标字 |
| <ins> | 插入字 |
| <del> | 删除字 |
计算机输出标签
| 标签 | 功能 |
|---|---|
| <code> | 计算机代码 |
| <kbd> | 键盘码 |
| <samp> | 计算机代码样本 |
| <var> | 定义变量 |
| <pre> | 预格式文本 |
HTML链接
在HTML中添加链接的方法是：<a href="链接">链接显示的文字<a>。
<a>标签的属性
| 标签 | 功能 |
|---|---|
| download | 指定下载链接 |
| href | 链接指向的url |
| hreflang | 目标url的基准语言 |
| media | URL的媒介类型 |
| rel | 当前文档与目标 URL 之间的关系 |
| target | 在何处打开目标URL _blank:新窗口打开 -parent:在父窗口打开 _self:当前页面跳转 _top:在当前窗体打开链接，并替换当前的整个窗体 |
| type | URL 的 MIME 类型 |
HTML链接之id属性
链接到id="a"的对象：<a href="#a><\a>，<a href="https://www.baidu.com/#a">链接到a</a>
<meta>标签
<meta>标签定义了HTML的元数据
| 属性 | 值 | 功能 |
|---|---|---|
| charset | - | 文档的字符编码 |
| content | - | 定义与 http-equiv 或 name 属性相关的元信息。 |
| http-equiv | content-type、default-style、refresh | content-type:文档的字符编码 default-style:使用的预定义的样式表 refresh:文档自动刷新的时间间隔 |
| name | application-name |
author
description
generator
keywords | 把 content 属性关联到一个名称 |
<base>标签
<base>标签定义了链接的默认url。