<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h4>图像标签的使用:</h4>
<img src="img.jpg">
<h4>alt 普通文本 图像显示不出来的时候文字替换:</h4>
<img src="img.jpg1" alt="我是小川老师">
<h4>鼠标触碰我显示文字以及设置图像的宽度:</h4>
<img src="img.jpg" title="我是小川老师" width="130">
<h4>设置图像的长度:</h4>
<img src="img.jpg" alt="我是小川老师" height="130">
<h4>这个是图像的边框粗细设置</h4>
<img src="img.jpg" alt="我是小川老师" border="10">
<!-- 同级路径 -->
<img src="img.jpg" />
<!-- 下一级路径 -->
<img src="images/img.jpg" />
<!-- 绝对路径 -->
<img src="C:\Users\apple\Desktop\前端基础第一天-HTML\案例\img.jpg" />
</body>
</html>
HTML-09:图片标签
猜你喜欢
转载自blog.csdn.net/chuan0106/article/details/125207733
今日推荐
周排行