第二天:

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”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值