day2

1.图像标签属性注意点
(1)可有多个属性,写在标签名后。
(2)属性间不分先后顺序,属性间用空格隔开。
(3)属性采取键值对的格式,即key=“value"格式,属性=“属性值”。
2.图像标签必须要写的属性
src(图片路径)
3.图像标签alt和title属性的区别
alt:替换文本,当图片显示不出来的时候会显示alt内容。
title:提示文本,当鼠标移动到图片上时,会进行相应的提示。
4.什么是目录文件夹和根目录
(1)目录文件夹:普通文件夹,最外面一层文件夹,里面存放了做网页需要用到的素材,比如图片等。
(2)根目录:打开目录文件夹的第一层就是根目录。
如果想打开一个目录文件夹,可以打开vscode后直接将目录文件夹拖进去,就可以成功打开。
vscode左侧纵向第一个按钮是打开/折叠
5.路径
分为相对路径和绝对路径
(1)相对路径(/)
图片相对于html页面的位置
在这里插入图片描述
同一级路径:图片和html页面在同一个文件夹内
下一级路径:图片在html页面存在的文件夹内的子文件夹内
上一级路径:html页面在图片存在的文件夹内的子文件夹内
(2)绝对路径(\)
指图片在电脑上的位置,通常是从盘符开始的路径。比如:D:\user\dessktop\案例\img.jpg
如果想用某网站上的某张图,可以将鼠标移动到图片上,然后右击,选择复制图片的地址,再将此图片的地址粘贴在图片路径应该在的地方。
6.超链接标签
在当前页面内可以链接到另一个页面
(1)超链接语法规范
< a href=“跳转目标” target=“目标窗口弹出的方式”>显示出来的文本或图像< /a>
两个属性:_self是当前页面打开页面,_blink是新窗口打开页面在这里插入图片描述
(2)链接分类
外部链接:去到外部的网站。格式:http://网址
内部链接:存在在同一文件夹,由自己做出来的内部网页之间的相互链接,直接输入内部网页的名称即可。比如:< a href=“index.html”>首页< /a>
空链接:还未做完要跳转到的网页,用#代替。格式:< a href=”#">空链接< /a>
下载链接:如果href里面的地址是一个文件或者压缩包,会下载这个文件。地址链接的是文件.exe或者.zip之类的压缩包形式。同一级时格式是:< a href=“img.zip”>下载链接< /a>
网页元素链接:网页中的各种网页元素,比如文本、图像、表格、视频等都可以添加超链接。比如给图片上添加超链接:< a href=“http://www.baidu.com”>< img src=“img.jpg” />< /a>
锚点链接:快速定位到页面中的某个位置。
在链接文本的href属性中,设置属性值为**#名字的形式。比如< a href="#mingzi**">主要作品< /a>
找到目标位置的标签,里面添加一个id属性=刚才的名字,比如< h3 id=“mingzi”>主要作品< /h3>
7.注释标签
页面中的一些文字不能显示到网页中,但可以帮助程序员理解代码。
格式:< ! - -文字- ->
快捷键:ctrl + /
8.特殊字符
一些特殊符号很难或者不方便直接使用,此时我们就可以使用字符来代替。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值