HTML图片标签学习
HTML图片标签学习
葆宁
发布于 2019-04-18 17:25:04
发布于 2019-04-18 17:25:04
代码可运行
运行总次数：0
代码可运行
<html>
<head>
<title>图片标签学习</title>
<meta charset="UTF-8"/>
</head>
<body>
<h3>图片标签学习:</h3>
<!--使用本地资源:图片位于本地电脑中-->
<hr />
<font color = "00AA34">
<h1><center>战斗天使：阿丽塔</h1><center>
</font>
<!--使用网络资源:-->
<hr/>
<img src="http://img3.imgtn.bdimg.com/it/u=1057132256,1537894663&fm=11&gp=0.jpg" width="500px"/>
</body>图片标签学习
图片标签学习:
图片标签:
img
src:图片路径
本地资源路径:一般本地图片资源使用相对路径即可
网络资源路径:图片资源的URL地址
width:设置图片的宽度,如果是单独设置,则再图片保证不失真的情况下自动缩小或者放大
单位可以是px也可以是百分比
height:设置图片的高度,如果是单独设置,则再图片保证不失真的情况下自动缩小或者放大
单位可以是px也可以是百分比
title:图片标题,鼠标放在图片上的时候会显示
alt:图片加载失败后的提示语
注意:图片是不会自动换行的(行内元素)
**注意**
相对路径:从当前文件出发查找另一个文件所经过的路径
绝对路径:从根盘符出发所查找文件的路径战斗天使：阿丽塔
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019年03月23日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
