显示图片的html 页面,HTML基础——网站图片显示页面

1、图片标签

属性：

src:指的是图片显示的路径(位置)

绝对路径：D:\Pictures\Saved Pictures

相对路径：

①同一级：直接写文件名称或者./文件名称

②上一级：../文件名称

③下一级：写上目录名称/文件名称

width:指定图片的宽度，取值可以是像素值，也可以是百分比

height：指定图片的高度，取值可以是像素值，也可以是百分比

alt：当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

2、首先准备两张图片放在img文件夹下，如图：

代码如下：

网页图片显示页面

运行效果如下：

3、如果图片放在案例二：网站图片信息文件夹下，相对路径直接写路径名，src="logo2"

如果图片位置和路径不一致，图片则不能正常显示，会显示alt里的内容，如下：

来源：https://www.cnblogs.com/cxq1126/p/7366522.html

显示图片的html 页面,HTML基础——网站图片显示页面相关推荐

HTML基础——网站首页显示页面
1.表格标签: border设置边框,align设置位置(居中等),bgcolor设置背景颜色,cellspacing设置边框之间的空隙,cellpadding设置边框与里面内容的间距. table表 ...
python抓取网站图片_利用python抓取网站图片
看了网上关于python抓取网站图片的例子,所以自己也尝试着写一个,但是发现这个网站的src不是标准的路径,需要自己添加前面的目录地址,尝试了几次也不成功,所以希望有经验的朋友指导下. 本人是初学者, ...
网站图片优化SEO方法有哪些
网站图片SEO不仅仅是吸引眼球,在SEO中也很重要,不管是WordPress还是其他CMS,图片水印原创性.图片大小和图片标签等,都会影响我们网站图片SEO效果.网站图片无处不在,从社交媒体到博客和网 ...
SEO教程-网站优化404页面怎么制作
SEO教程-网站优化404页面怎么制作网站优化404页面怎么制作一个404页主要是引导用户在一个不能打开的链接上访问站点的其它内容,而不是让用户直接关闭窗口,这有助于增加页面浏览,但是对爬虫有好处 ...
织梦网站上传服务器不显示图片,织梦网站图片不显示图片
织梦网站图片不显示图片内容精选换一换在"文章列表"插件中,检查"设置 > 列表数目"的"显示文章条数"和"显示分页&q ...
网站架构（页面静态化，图片服务器分离,负载均衡）方案全解析
一篇不错的关于网站架构的文章,可以让你对网站的架构有一个初步的了解 1.HTML静态化其实大家都知道,效率最高.消耗最小的就是纯静态化的html页面,所以我们尽可能使我们的网站上的页面采用静态页面来实 ...
网站架构：页面静态化，图片服务器分离，负载均衡
1.HTML静态化 HTML静态化其实大家都知道,效率最高.消耗最小的就是纯静态化的html页面,所以我们尽可能使我们的网站上的页面采用静态页面来实现,这个最简单的方法其实也是最有效的方法.但是对于大 ...
显示外部页面_前端设计-响应式页面开发基础
随着终端设备类型的丰富,设备尺寸的型号也越来越多,如果实现前端页面在不同终端设备中,按照设备的尺寸型号进行自动布局,保证良好的人际交互体验效果,已经成为网页前端设计所需要考虑的问题,当前支持响应式开发 ...
使用Axure RP实现页面跳转、弹窗显示、单选按钮、下拉框以及图片插入
前言:Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发. 最近使用到Axu ...
企业网站新闻显示页面(HTML+CSS)
图片素材效果图显示 HTML+CSS代码 <!doctype html> <html> <head> <meta charset="utf-8& ...

显示图片的html 页面,HTML基础——网站图片显示页面

显示图片的html 页面,HTML基础——网站图片显示页面相关推荐

最新文章

热门文章