首页 > 其他分享 >【HTML】学习路径7-显示图片

【HTML】学习路径7-显示图片

时间:2022-10-05 00:55:13浏览次数:56  
标签:显示 img 标签 路径 网页背景 HTML 图片

img标签

<img src="dir"/>

img有什么用

显示图片

img怎么用

语法格式:<img src="dir"/>,其中,src是源,dir请改为图片路径,且改标签是单标签,自身结束。

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<body>
    <h1>显示图片</h1>
    <img src="img01.png"/>

</body>
</html>

替换文本属性(alt)

描述img标签的。当你的图像显示不出来时,则用该预设文本代替。

<img src="img01.png" alt="remoo的头像"/>

良好的习惯。

网页背景图片

<body background="img01.png">

在body标签处添加修饰:background即可。

gif 和 jpg 和png 都可以作为网页背景图片。

如果网页尺寸大于背景图片尺寸,则会重复显示。

 

 

标签:显示,img,标签,路径,网页背景,HTML,图片
From: https://www.cnblogs.com/remyuu/p/16754912.html

相关文章

  • 【HTML】学习路径6-实体字符/特殊字符/转义字符
    &code;为什么有这个东西HTML中,某些字符是预留的,比如<>等,浏览器会把这些字符识别成标签。如果需要正确的在浏览器中展示这些字符,则需要使用实体字符(characterentitles),......
  • html 雷达图 ,拿来直接用,无需下载js包【以把js包改为远程访问】
    ......
  • OFF12 二维数组路径
    1.bfs没法回溯,会出现应该能到达的位置被访问2.多起点structpp{intx;inty;intstep;intvis[10][10];};intdx[4]={0,......
  • HTML基础学习
    Internet和webInternetInternet:是一组全球性的信息资源汇总,也叫做因特网、互联网、交互网。Internet提供的常见服务:Email邮件服务。telnet远程登录。www服务(万维网......
  • Electron常见问题 常用路径/静态资源丢失
     本文主要是描述electron中路径相关的问题静态资源丢失的原因静态资源路径一致性处理方案-resolvePath常用路径---userPath/appData/文档pathUtil的封装一、静态资源丢失的......
  • 图片上传
    $('#file').on('change',function(){//当用户选择文件时varfile=this.files[0];//创建formData对象varformData=newFormData();//将用户......
  • dijsktra求最短路径
    讲算法原理的有很多,直接贴代码dijkstra算法是直接对邻接矩阵进行操作求出最短路径的,我项目中的图结构需要转化成邻接矩阵,所以会有下面代码图结构是一个map,first表示节点的in......
  • html5 实现端午节领卷输入手机号验证效果
    演示效果:在线演示地址:​​https://haiyong.site/demo/duanwu​​源码可在文末免费获取✨项目基本结构目录结构如下:├──css│├──chuyouwuyi.css│└──publ......
  • wireshark捕获QQ图片文件
    简单描述文章内容:将手机和电脑连接到同一子网(例如:同一wifi下),      然后用wireshark对手机发过来的数据(QQ传输的图片文件)进行捕获,  ......
  • wordpress多节点部署+rsync备份图片
    基于LAMP架构搭建LB+web+mysql+nas架构,实现从web站点上传的图片自动同步(wordpress)环境:10.0.0.128apache+wordpress服务,数据库主库指向10.0.0.132,基于docker来安装,映射......