HTML 超链接元素及图像元素

一、超链接元素

1、HTML 超链接介绍(在网页中链接无处不在)

HTML超文本链接简称:超链接,使用标签 <a> 进行设置

(1)、点击 HTML 超链接可以从一个页面调转到另一个页面;

(2)、HTML超链接内容可以是个字,一个词或一张图片;

(3)、鼠标指针移动到网页中的某个超链接上时,箭头会变为一只小手的形状。

2、HTML 超链接定义

<a href=“调转地址” target=“目标窗口”>链接文本</a>

3、HTML 超链接应用

如:<a href="http://www.baidu.com">百度</a> 

 <a href="index.html" target="_self">首页(在当前页面打开)</a>

<a href="index.html" target="_blank">首页(在新页面打开)</a>    

 <a href="index.html"><img src="baidu.png" alt=""></a>

二、 图像元素

1、HTML 图像元素介绍

HTML 图像元素用来在页面中显示图片

2、HTML 图像元素定义

(1)、在 HTML 中,图像由 <img> (image的简写)标签进行定义;

(2)、<img> 是空标签,即:它只包含属性,没有相应的结束(闭合)标签。

代码格式:<img src=“logo.jpg” alt=“实训” title=“文峰” width=“90” height=“80”>

3、HTML 图像元素应用

如:

<body>    

<h2>实训</h2>     <img src="shixun.png" alt="XXX" title="明博" width="90" height="80">    

<img src="none" alt="图片不存在" title="这是图片" width="100" height="90">  

  <img src="https://shixun.online/static/images/imageStyle.jpg" alt="" width="100" height="90">     </body>

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值