HTML-02-图片标签

一时失言乱红尘 2022-09-11 02:14 158阅读 0赞

1.图片标签后面附加属性  
2.img图片标签+图片属性，属性不分顺序可有多个属性，每个属性之间至少有一个空格  
3.属性以键值对的形式纯在，key–value，一个属性后面必须带属性值  
4.盒子标签 div ，span

<!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="eason.jpg"/><br />
    
     <h4>alt替换文本无法显示图片 用文字代替:</h4>
     <img src="eason1.jpg" alt="如果我是陈奕迅"/><br />
    
     <h4>title 提示文本 鼠标停留在图片上显示图片信息:</h4>
     <img src="eason.jpg" alt="如果我是陈奕迅" title="陈奕迅"/>
    
     <h4>width 像素文本 改变图片的大小:</h4>
     <img src="eason.jpg" alt="如果我是陈奕迅" title="陈奕迅" width="400"/>
    
     <h4>height 像素文本 改变图片的大小:</h4>
     <img src="eason.jpg" alt="如果我是陈奕迅" title="陈奕迅" height="400"/>
    
    <h4>border 文本 改变图片边框的大小:</h4>
     <img src="eason.jpg" alt="陈奕旭" title="陈奕迅" width="400" border="15"/>
    
     
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的格式化标签和图片(img)标签

格式化标签和img标签的学习

浅浅的花香味﹌/ 2024年05月06日 21:21/ 0 赞/ 96 阅读

相关 html标签02

文章目录 1. 表格标签 1.1 表格的主要作用 1.2 表格的基本语法 1.3 表头单元格标

拼搏现实的明天。/ 2024年03月17日 16:40/ 0 赞/ 54 阅读

相关 02-HTML学习-标签介绍

以前Python爬虫总是解析HTML页面，现在开始自己写超文本，那什么是html标签呢？ <!DOCTYPE html> <html lang="en">

水深无声/ 2023年10月02日 18:29/ 0 赞/ 30 阅读

相关 html图片标签的实例,HTML-

一、img的属性：alt/title alt属性是替换名字，是给搜索引擎抓取使用，当图片显示不出来时，就会显示出alt的内容； ![0cf6e69ca755ea877990

迷南。/ 2022年10月06日 07:56/ 0 赞/ 163 阅读

相关 HTML-02-图片标签

1.图片标签后面附加属性 2.img图片标签+图片属性，属性不分顺序可有多个属性，每个属性之间至少有一个空格 3.属性以键值对的形式纯在，key–value，一个属性后

一时失言乱红尘/ 2022年09月11日 02:14/ 0 赞/ 159 阅读

相关 HTML标签img--改变图片尺寸

1、统一大小？我的网页上面有许多的图片，有的大，有的小，我想如果图片大的实现缩放，所有的都是一般大。来看看没有是什么效果。 ![Center][] 大家看的出来，非常的

梦里梦外;/ 2022年08月19日 11:28/ 0 赞/ 307 阅读

相关一天搞定HTML----a标签02

1.细说a标签 ![这里写图片描述][SouthEast] 2.代码演示 <!DOCTYPE html> <html> <head

柔情只为你懂/ 2022年06月16日 06:38/ 0 赞/ 234 阅读

相关 HTML02.页面标签

基本结构 <HTML> <HEAD> <title>, <base>, <link>, <isindex>, <meta> </

﹏ヽ暗。殇╰゛Y/ 2022年06月01日 09:59/ 0 赞/ 232 阅读

相关 HTML常用标签02

1.表格嵌套 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

客官°小女子只卖身不卖艺/ 2022年02月23日 05:40/ 0 赞/ 189 阅读

相关 html 图片标签

图片标签：默认不换行，成为行内元素 <img/> 属性 src：图片路径路径：相对路

系统管理员/ 2021年07月24日 23:27/ 0 赞/ 753 阅读