前端复习 Next Day标签属性、图片属性和链接标签

1、标签属性

(1)、标签可以拥有多个属性,必须写在开始标签中,位于标签名之后

(2)、属性之间不分先后顺序,标签名与属性,属性与属性之间均已空格分开

(3)、任何标签的属性都有默认值,省略该属性则取默认值
采取 键值对 的格式key=“value”的


格式 <标签名 属性1=“属性值”;属性2:“属性值”;>

(1)正常插入图片的标签

(2)使用了alt属性
这是alt属性的文件
如果调用图片时,没有该图片,那么添加了alt属性后,会自动将缺失图片位置替换为输入的文本

(3) 使用了title属性
<img src="img/背景图1.jpg"title=“这是一张非常美的图片”/>
在里面添加上了title标签之后,如果鼠标悬停在图片上,那么图片会显示出你给title标签中输入的文本

(4) 使用了boder属性

boder属性是给图片添加边框并设置边框的宽度s

height和width是用来设置图片的宽度和高度



3、链接标签
(1)href:用于指定链接的url地址,当标签应用url时,他就具有了超链接的作用

(2)target:用于指定链接页面的打开方式

.parent:在原有页面上另开页面,能通过返回回到原页面.如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

.blank:直接新开一个和原页面并列的页面

.search:
.self:这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。
.top:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
格式: 文本或图像
文本或图像
(3)注意:
a、外部链接需要添加:href=“https://www.baidu.com”
b、内部链接可以直接链接网页所在的位置
c、如果当时没有明确的链接目标,使用#代替(href=“#”)
d、除了网页以外,文本、音乐、视频、表格等都可以超链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值