img标签,hr标签

本文详细介绍了HTML img标签的用法,包括其语法结构(如src设置图片路径,width和height调整大小,alt提供图片描述),并通过实例演示了如何在网页中正确使用img标签。同时,对比了img与span标签的区别,突出了图片元素在页面布局中的核心作用。
摘要由CSDN通过智能技术生成


一、img标签

1.简介

Img标签在html中是引入外部图片到网页中显示的标签。


2.语法

<img src="图片路径" width="100" height="50" alt="" /> 

Src 设置图片路径。

Width 设置图片宽度。

Height 设置图片高度。

Alt 设置对这张图片文字描述,通常设置描述是为了搜索引擎能读懂你这张图片表达内容(有利于搜索引擎优化因素而使用)。

3.案例

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="001.gif" width="160" height="60" alt="img标签" />
</body>
</html

二、span

1.简介

标签直接使用


设置一条水平线分割线
html Hr水平线特点是100%宽度水平分割线,并且独占一行,hr水平线将与上下内容一定距离。

2.语法


<hr />

3.案例


<!DOCTYPE html> 
<html xmlns="http://www.baidu.com"> 
<head> 
<title>Hr水平线</title> 
</head> 
<body> 
我是html Hr实例<br/> 
<br/>
效果如下: 
<br/> 
<hr/>
<a href="http://www.baidu.com/">www.baidu.com</a> 
<hr/> 
<p>我是Hr实例 </p> 
</body> 
</html>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值