HTML(5)图片title-alt

2020-10-22

title表示网页上的图片鼠标放上去显示的字,alt表示图片加载失败显示的字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- title属性,鼠标放图片上显示的,alt属性,图片显示不出来的时候显示的 -->
    <img src="../img/aff98825819d658248acd07ad3273dc6.jpg" title="小姐姐" alt="男人婆" width="100%">
    <img src="../img/aff98825819d658248acd07ad3273dc.jpg" title="老姐姐" alt="丑女" width="100%">
    <!-- del标签给文字增加删除线 -->
    <!-- br换行 -->
    <br>
    <!-- hr分割 -->
    <hr>
    <del>给文字增加删除线</del>
    <!-- 段落 -->
    <p></p>
    <!-- sup给文字增加上标 -->
    10<sup>2</sup>=100
    <br>
    <!-- u给文字增加下划线 -->
    <u>给文字增加下划线</u>
    <!-- center字体居中 -->
    <hr>
    <center>我是居中的</center>
</body>
</html>

标题:HTML(5)图片title-alt
作者:张范
地址:http://misterzhang.top/articles/2020/10/22/1603346948683.html