一.HTML基础知识
1.简介
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
2.整体结构
<!DOCTYPE html>
<html lang="en">
<head>
头部信息
</head>
<body>
主体内容
</body>
</html><!DOCTYPE html> ：表示当前文档是Html5的文档
3. 头部内容
<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>标签 | 描述 |
<head> | 定义了文档的信息 |
<title> | 定义了文档的标题 |
<base> | 定义了页面链接标签的默认链接地址 |
<link> | 定义了一个文档和外部资源之间的关系 |
<meta> | 定义了HTML文档中的元数据 |
<script> | 定义了客户端的脚本文件 |
<style> | 定义了HTML文档的样式文件 |
二.标签
1.标签分类
双标签(双体标签)：<开始标签> 内容 </结束标签>。例如：
<p>这是双标签</p>单标签(空标签)：<标签名 />。例如：
<br>2.常用标签
1.段落标签：内容显示出来后，自动换行
<p> 内容 </p>2.行标签：内容显示出来后，不会自动换行
<span> 内容 </span>3.字体标签：内容 </font>用来设置字形、字号、文字颜色
<font face="字形" color="颜色" size="字号">4.换行标签：
<br>5.水平分割线标签：
<hr color="颜色" width="宽度" size="粗细"/>6.标题标签：
<hn> 内容 </hn>n的取值在1~6之间，数组越小字体越大，并且自动加粗
7.文本格式标签：
(1)字体加粗：
<b> 内容 </b>
<strong> 内容 </strong> -->XHTML的标签(推荐)(2)斜体：
<i> 内容 </i>
<em> 内容 </em>(3)删除线：
<del> 内容 </del>(4)下划线：
<ins> 内容 </ins>
<u> 内容 </u>8.高亮显示标签：
<mark> 内容 </mark>9.特殊字符标签：
空格字符 | |
< | < |
> | > |
版权符号 | © |
注册商标 | ® |
摄氏温度 | ° |
加减符号 | ± |
乘号 | × |
除号 | ÷ |
平方 | ² |
立方 | ³ |
下标 | <sub> 下标内容 </su |
10.图像标签：
(1)图像格式：
gif：支持动画、透明，无损的图像格式、体积小，适合在互联网上传输
png：体积小、支持alpha透明、不支持动画
jpg(jpeg)：有损压缩的图像格式，体积大、不支持动画、不支持透明，色彩丰富
(2))图像标签：
<img src="图像全名" alt="提示信息" width="宽度" height="高度"/>11.路径：
(1)绝对路径：从根目录(带盘符)开始的路径 --->C:/program files/vscode
(2)相对路径：从当前目录开始的路径
A、 '.' ：表示当前目录
B、'..'：表示当前目录的上一级目录
12.列表标签：
(1)无序列表：各个列表项之间没有顺序，是并列的
<ul type="项目符号的类型">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
</ul>type的取值：
disc | 实心圆点(默认的) |
circle | 空心圆圈 |
square | 实心方块 |
(2)有序列表：列表项有先后顺序
<ol type="项目符号" start="开始值">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
</ol> type的取值：'A'、'a'、1、'I'、'i'
start的取值：必须是一个数字
13.超链接标签：
<a href="页面的地址"> 文本或多媒体 </a>14.设置页面的背景颜色和背景图像：在页面的<body>中设置
<body bgcolor="颜色">
<body background="图像全名">
