web前端day01学习
1、HTML发展史：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准
2、HTML基础语法：
（1）基本结构:<!DOCTYPE html>
<html>
<head>
<!-- 指定网页编码格式 -->
<meta charset="utf-8" />
<!-- 下面2个标签有利于搜索引擎对网页的索引 -->
<meta name="description" content="这是我的第一个网页" />
<meta name="keywords" content="个人网站" />
<title></title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
(2)HTML标签属性：<标签名 属性名1="属性值" 属性名2="属性值">。。。。</标签名>
3、文档声明和META标签：
<!DOCTYPE>声明必须放在HTML文档第一行
<!DOCTYPE>声明不是HTML标签
网页编码设置：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">设置在head中间
常见的标签：<p> 标签定义段落。
p 元素会自动在其前后创建一些空白
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
<br> 可插入一个简单的换行符。
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。
空格只有空格符“ ”
文字斜体：<i></i> 、<em></em>\
加粗：<b></b>,<strong></strong>
下标：<sub>
上标：<sup>
小于号或显示标记“<”：<
大于号或显示标记">"：>
版权符号：©
等等等
列表标签：
（1）无序列表：<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
.................
</ul>
type属性值：disc—圆点
square——正方形
cicle——空心圆
（2）有序列表：<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
.................
</ol>
type属性值：1——数字1，2
a——小写字母a，b
A——大写字母A，B
i——小写罗马数字i
I——大写罗马数字I
（3）定义列表：<dl>
<dt>定义列表项</dt>
<dd>列表描述</dd>
<dd>列表描述</dd>
<dt>定义列表项</dt>
<dd>列表描述</dd>
.................
</dl>
注意：<dt>和<dd>是同级列表
4、超链接：
语法：<a href="url路径">Link text</a>
注意："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
相对路径：
是指目标相对于当前文件的路径，网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法，其表示的意义不尽相同。表示方法如下：
./ ：代表文件所在的目录（可以省略不写）
../ ：代表文件所在的父级目录
../../ ：代表文件所在的父级目录的父级目录
/ ：代表文件所在的根目录
值得注意的是，（/ ：代表文件所在的根目录）其实可以理解成项目内部的绝对路径。
绝对路径：
为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。
a标签常用的属性：href：规定链接指向的页面的 URL。
target：规定在何处打开链接文档。
title：链接提示文字
name:链接命名
锚链接：
锚点(anchor)：其实就是超链接的一种，一种特殊的超链接
目标元素：<p id="test" name="test"></p> 锚点超链接：<a href="#test"></a>
不同页面之间的锚链接：
定义锚（不同页面）：
1.html
<a href="2.html#chapt2" name="chapt1" id="chapt1">第二章</a>
2.html
<a href="1.html#chapt1" name="chapt2" id="chapt2">第一章</a>
这样就可以实现锚点之间的链接了。
链接扩展功能：
1.电子邮件链接
<a href="mailto:123456@qq.com">反馈意见</a>
mailto四个常用的参数
1.subject---代表邮件的标题
2.body---代表邮件的内容
3.cc---代表一个抄送对象
4.bcc---代表一个暗送对象
2、2.文件下载
<a href="需要下载的文件名"></a>
2020-07-20 13:49:44
浙公网安备 33010602011771号