HTML基础学习-3- image标签学习

最新推荐文章于 2024-10-14 00:57:11 发布

原创最新推荐文章于 2024-10-14 00:57:11 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css

本文详细介绍了HTML中的图像标签使用方法，包括如何设置图片的宽度、高度、边框等属性，并解释了src属性的作用及alt属性对于SEO的重要性。

HTML基础学习-3- image标签学习

<html>
<!--

图片  注意相对路径
单位  px  百分比  em   cm  mm
width
height
也可以进行百分比显示
宽高   以父容器为标准
100%


src 中放入链接显示  远程图片
border  边框属性


-->
<head>
<title>第五节课 image</title>
<meta charset="utf-8">
</head>

<body>

<img src= "./img/scenery.jpg" width ="100px" height="50px" 

alt="鼠标放上去显示内容，版本不同不一样  
   1、可以加载不出图片显示默认内容，2搜索引擎可以通过这个属性抓取图片"
border = "10px">


</body>

</htm>