HTML5零基础-09-图片

HTML图片展示与链接应用

原创于 2021-07-12 09:11:08 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML5 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了HTML中<img>标签的使用，包括设置图片源、对齐方式、边框宽度、宽度和高度以及title和alt属性。示例中展示了图片右侧对齐和带有边框的图片，以及将图片嵌入到链接中的实践。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
</head>
<!--
    图片
        img标签,行内标签,不会自动换行


        必须属性
            src 引入图片的的地址
        常用属性
            title 当鼠标悬停在图片上时显示的文字
            alt 当图片加载失败时显示的文字
            width 设置图片的宽度
            height 设置图片的高度
            border 设置边框
            align

-->
<body>
    1111
    <img src="images/1%20(1).jpg" align="right" border="2" width="400" title="你的二次元" alt="图片显示错误">
    2222
    <a href="https://baidu.com">
        <img src="images/1%20(2).jpg">
    </a>

</body>
</html>