图像标签

最新推荐文章于 2024-01-23 10:55:01 发布

xiangzilong

最新推荐文章于 2024-01-23 10:55:01 发布

阅读量308

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_36270681/article/details/111875217

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<div>  标签用来布局，一行只能放一个<div> ,大盒子
<span> 标签用来布局，一行上可以放多个<span> ，小盒子

<img> 图像标签 
<img src="图像URL" />     #src 指定图像文件的路径和文件名
图片标签
src    图片路径
alt    替换文本，图像不能显示时，有文字提示
title   提示文本，鼠标放到图像上，显示文字 
width   设置图像的宽度
height   设置图像的宽度
border   设置图像的边框粗细

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签</title>
</head>
<body>
    <img src="../imgs/u=1379726332,3978081758&fm=26&gp=0.jpg" />
    <h4>图像标签使用</h4>
    <!-- <img src="../imgs/u=1379726332,3978081758&fm=26&gp=0.jpg" /> -->
    <h4>alt  图片不存在，则文字替换</h4>
    <img src="../imgs/u=13797263312,3978081758&fm=26&gp=0.jpg" alt="我是master"/>

    <h4>title  文字替换</h4>
    <img src="../imgs/u=1379726332,3978081758&fm=26&gp=0.jpg" title="我是master"/>

    <h4>width  给图像设置宽度</h4>
    <img src="../imgs/u=1379726332,3978081758&fm=26&gp=0.jpg" title="我是master" width="500"/>

    <h4>height  给图像设置高度</h4>
    <img src="../imgs/u=1379726332,3978081758&fm=26&gp=0.jpg" title="我是master" height="100"/>

    <h4>border  给图像设置边框</h4>
    <img src="../imgs/u=1379726332,3978081758&fm=26&gp=0.jpg" title="我是master" height="100" border="10"/>

</body>
</html>

xiangzilong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图像标签

<div> 标签用来布局，一行只能放一个<div> ,大盒子<span> 标签用来布局，一行上可以放多个<span> ，小盒子<img> 图像标签 <img src="图像URL" /> #src 指定图像文件的路径和文件名图片标签src 图片路径alt 替换文本，图像不能显示时，有文字提示title 提示文本，鼠标放到图像上，显示文字 width 设置图像的宽度height 设置.
复制链接

扫一扫