目录
友情提醒:
先看目录，了解文章结构，点击目录可跳转到文章指定位置。
第一章、标签学习
块级元素独占一行，里面能写块级元素和行内元素
行内元素不独占一行，里面只能写行内元素
1.1）标签学习
1.1.1）排版标签，常用的文本标签
详见附录
1.1.2）图片标签
alt属性作用是描述图片
图片需要与代码文件在同一目录，src为路径
<img src="tupian.png" alt="图片" width="300">
示例：
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>
标题111111111111111111111111111
</title>
</head>
<body>
<marquee loop="1" bgcolor="orange">
三生三世十里桃花
<input type="password">
</marquee>
<img src="tupian.png" alt="图片" width="300">
</body>
</html>
1.2）超链接
1.2.1）超链接跳转网页
_self 和未指定 target 时，链接在当前标签页打开。
_parent 在父框架中打开（如果存在父框架）。
_blank 在新标签页中打开。
_top 在整个浏览器窗口中打开，忽略框架。
<iframe>（内联框架）允许在当前网页中嵌入另一个网页。
这意味着你可以在一个网页的特定区域内显示另一个网页的内容，
而这个嵌入的网页与包含它的网页是独立的。
<!-- _self 和未指定 target 时，链接在当前标签页打开。
_parent 在父框架中打开（如果存在父框架）。
_blank 在新标签页中打开。
_top 在整个浏览器窗口中打开，忽略框架。
\<iframe>（内联框架）允许在当前网页中嵌入另一个网页。
这意味着你可以在一个网页的特定区域内显示另一个网页的内容，
而这个嵌入的网页与包含它的网页是独立的。-->
<a href="https://www.baidu.com/">在当前标签页打开</a>
<a href="https://www.baidu.com/" target="_self">在当前标签页打开</a>
<a href="https://www.baidu.com/" target="_parent">在父框架中打开（如果存在父框架）</a>
<a href="https://www.baidu.com/" target="_blank">在新标签页中打开</a>
<a href="https://www.baidu.com/" target="_top">忽略框架在浏览器窗口打开</a>
<a href="https://www.baidu.com/" target="_blank">点图片跳转
<img src="tupian.png" alt="图片" width="100">
</a>
1.2.2）超链接跳转文件
浏览器科直接打开，视频，图片，pdf等文件
<a href="./resource/图片.png">打开资源文件</a>
使用download属性触发下载文件，如果是浏览器不能打开的文件例如压缩文件，会自动触发下载
<a href="./resource/图片.png" download="图片.png">下载文件</a>
1.2.3）超链接跳转锚点
#xyy通过a标签的name属性跳转本页面锚点喜羊羊
#001通过p标签的id属性跳转本页面锚点001段落
<a href="#xyy">跳转本页面锚点喜羊羊</a>
<a href="#001">通过p标签id属性跳转本页面锚点段落001</a>
<a name="xyy"></a>
<p>喜羊羊图片展示</p>
<img src="./resource/喜羊羊/喜羊羊.png" alt="喜羊羊图片展示">
<p id="001">001号段落，学习学习，早起的虫儿被鸟吃</p>
<a href="#">回到顶部</a>
<a href="">刷新页面</a>
<a href="JavaScript:alert(666);">js弹窗</a>