2.1.0 HTML标签学习
换行标签:
格式:
vs code特征:在文本内容中直接输入即可。
水平分割线:
格式:<hr>
vs code特征:在<body>等代码中直接输入即可。
文本格式化标签:
标签 强调突出 说明
b strong 加粗
u ins 下划线
i em 倾斜
s del 删除线
媒体标签:
图片标签格式:
<img src="" alt="" title="" width="" height="">
vs code特征:
单标签,img标签需要展示对应的效果,需要借助标签的属性进行设置;
src指文件路径(URL),eg-->"./1.jpg";
alt指替换文本,当src路径下文件不能显示的时候将显示alt属性的值。
title指当前标签的值,当鼠标定位到当前标签5秒左右会出现。
width或height指图片宽高,一般调整一个值即可。
音频标签:
音频标签格式:
<audio src="./music.mp3" controls></audio>
提示:src指音频的路径,controls指显示播放的控件,autoplay指自动播放(部分浏览器不支持),loop指循环播放.
视频标签:
视频标签格式(支持MP4、WebM、Ogg)格式文件:
<video src="" controls></video>
提示:src指音频的路径,controls指显示播放的控件,autoplay指自动播放(谷歌浏览器中需配合muted实现禁音播放),loop指循环播放.
链接标签:
链接标签格式:
<a href="./目标网页.html" target="">超链接</a>
eg:
<a href="https://www.baidu.com">跳转到百度</a>
提示:href指跳转地址,_target可取值 _self(默认值,在当前窗口中跳转---覆盖原网页) 或者 _blank(在新窗口中跳转---保留原网页) 当开发网站初期,我们还不知道跳转地址的时候,href的值书写#(空链接)
3.1.0 路径的介绍
绝对路径:
定义:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径
eg:D:\day01\images\1.jpg
相对路径:
定义:从当前文件开始出发找目标文件的过程
分类:
1.同级别
eg:"目标文件.jpg"与"./目标文件.jpg"
2.下级别
eg:“目标图片父目录/目标图片.jpg"
3.上机别
eg:“../目标文件.jpg”