1 html的基本骨架结构：
2 html标签
3 head标签
4 body标签
5 title标签
6
7
8
9
10 标题标签：<h1></h1>
11 段落标签：<p></p>
12 换行标签：<br/>
13 水平线标签：<hr/>
14 文本格式化标签：
15 <b>加粗</b>
16 <u>下划线</u>
17 <i>倾斜</i>
18 <s>删除线</s>
19
20
21 推荐使用：
22 <strong>加粗</strong>
23 <ins>下划线</ins>
24 <em>倾斜</em>
25 <del>删除线</del>
26
27
28 图片标签：
29 作用：在网页中展示一张图片
30
31 属性：
32 1、src：告诉浏览器要显示哪一张图片
33 属性值：路径（如果图片和当前页面在同级目录下，此时直接写图片的名字即可）
34 2、alt：替换文本
35 当图片加载失败时（如：路径写错了），才显示的文字
36 3、title：提示文本
37 当鼠标悬停在图片上时，才显示的文字
38 4、width：图片的宽度
39 5、height：图片的高度
40
41 注意点：
42 1、如果只设置图片的宽度或者高度，此时另一个会自动等比例缩放
43 2、如果同时设置了两个，若设置不当此时图片可能会变形
44
45 示例：
46 <img src="cat.gif" alt="这是一只摇头猫" title="震惊！小猫咪竟然会干这种事？">
47
48
49
50
51 绝对路径：
52 绝对路径：指的是目录下的绝对位置，可直接到达目标位置，通常以盘符开始的路径
53 <!-- 可以是本地电脑中的绝对路径 -->
54 <img src="D:\cat.gif" alt="">
55
56 <!-- 也可以是互联网上的绝对路径 -->
57 <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4152772951,1944675514&fm=26&gp=0.jpg" alt="">
58
59
60 相对路径案例：
61 <!-- 同级目录 -->
62 <img src="1.gif" alt="">
63 <img src="./1.gif" alt="">
64
65 <!-- 下级目录 -->
66 <img src="./images/2.gif" alt="">
67
68 <!-- 上级目录 -->
69 <img src="../3.gif" alt="">
70
71
72 音频标签：
73 多媒体标签：
74 音频标签：audio
75 属性：
76 1、src：路径
77 2、controls：播放的控件
78 3、autoplay：自动播放（部分浏览器不支持）
79 4、loop：循环播放
80
81 <audio src="./music.mp3" controls autoplay loop></audio>
82
83
84
85 视频标签：
86 视频标签：video
87 属性：
88 1、src：路径
89 2、controls：播放的控件
90 3、autoplay：自动播放（部分浏览器不支持）——》在谷歌浏览器中写muted可以完成静音的自动播放
91 4、loop：循环播放
92 <video src="./video.mp4" controls autoplay muted loop></video>
93
94
95
96 超链接标签：
97 超链接：a标签 双标签
98 作用：点击之后跳转网页
99
100 属性：
101 1、href：告诉浏览器点击之后跳转去哪一个网页
102 取值：路径
103 1、外部链接：互联网上的绝对路径
104 2、内部链接：推荐使用相对路径
105
106 2、target：目标网页的打开方式
107 取值：
108 1、_self：(默认值) 在当前窗口中进行跳转，原网页会被覆盖
109 2、_blank：在新窗口中进行跳转，原网页保留
110
111 <a href="https://www.baidu.com/" target="_blank">点击之后去百度网页</a>
112 <a href="./15-视频标签.html" target="_blank">点击之后去刚刚书写的视频网页</a>
113
114
115
116
117 空链接：
118 空链接：
119 1、点击之后回到顶部
120 2、开发中不确定该链接最终跳转位置（先用空链接占个位置）
121
122
123 <a href="#">回到顶部</a>
浙公网安备 33010602011771号