HTML简介：
HTML超文本标记语言（HyperText Markup Language）
（描述网页的一种语言：HTML文档 = web页面）
HTML文档后缀名.html / .htm
HTML编辑器：
Notepad++、Dreamweaver（DW）（初学者推荐）、HBuilder、Sublime Text、Vscode 等
HTML运行浏览器：
谷歌（Chrome）、火狐（Firefox）、Opera、IE、Safari（苹果）
HTML文件：
1.<!DOCTYPE html> 声明HTML5 文档
2.<html> HTML 页面的根元素 </html>
3·<head>...</head>
包含了文档的元数据<meta charset="utf-8">声明编码，否则会出现l乱码。
文档标题<title>文档标题 </title>
文档与外部资源之间关系（样式表）
HTML文档的样式文件引用地址<style></style>
HTML文档中所有的链接标签的默认链接<base>
4·<body> 网页显示区域（一般要实现的代码都在这里写）</body>
5·<script>加载脚本文件</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
HTML标签：
单一型：
1.<标签/>无设置值（如：<br />、<hr />）
2·<标签 属性=”属性值”>有设置值（如：<hr width=”80%”>）
对称性：（<开始标签>...</结束标签>）
1·<标签>...</标签>无设置值（如：<title>...</title>）
2·<标签 属性=”属性值”>...</标签>有设置值（如：<body bgcolor=”red”>...</body>）
HTML常用标签：
<br />换行
<hr />一条水平直线（例：<hr size=”7”>）
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| size | 像素/百分比 | 属性值越大，线越粗 |
| width | 像素 | 绝对设置，长度不会随着视窗的改变而改变 |
| width | 百分比 | 相对设置，长度会随着视窗改变而改变 |
| noshade | noshade | 实体线 |
<p>...</p>段落（例：<p align=”left”>）
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| align | left | 文本左对齐（默认） |
| align | center | 文本居中对齐 |
| align | right | 文本右对齐 |
<body>...</body>（例：<body bgcolor=”red”>）
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| bgcolor | 颜色/16进制（#f00红色） | 背景色 |
| text | 颜色/16进制（#f00红色） | 文字颜色 |
| leftmargin | 像素 | 整体页面的距左右的距离 |
| topmargin | 像素 | 整体页面的距上下的距离 |
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>... </h5>
<h6>...</h6> 标题（例：<h1 align=”left”>...</h1>）
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| align | left | 靠左对齐 |
| align | center | 居中对齐 |
| align | right | 靠右对齐 |
HBuilder
谷歌（Chrome）浏览器
<b>...</b>加粗
<strong>…</strong>加强语气（加粗）
<s>...</s>删除线
<del>…</del>删除字（删除线）
<u>...</u> 下划线
<ins>...</ins>插入字（下划线）
<i>...</i>斜体
<em>...</em> 加强语气（倾斜）
sub 下标（例：二氧化碳）
sup上标（例：幂次方）
<small>...</small>小号字
<pre>...</pre>文字格式化
<code>...</code>定义计算机代码
<kbd>...</kbd>定义键盘码
<samp>...</samp>定义计算机代码样本
<dfn>...</dfn>定义一个定义项目（斜体）
<var>...</var> 定义变量（斜体）
<address>…</address> 地址（斜体）
<abbr>...</abbr>文字缩写（当鼠标滑过时会显示缩写的内容）
<bdo>...</bdo> 文字方向
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| dir | ltr | 文字从左往右显示 （默认） |
| dir | rtl | 文字从右往左显示 |
<blockquote>...</blockquote> 定义长的引用
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| cite | URL | 规定引用的来源。 |
<q>...</q>定义短的引用语（引号）
<cite>...</cite>定义引用、引证（斜体）
常用特殊字符（HTML实体）：
HTML实体
HTML注释：
格式为：
<!-- -->（在浏览器中不显示注释的内容）
网友评论