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

news/2024/5/20 8:01:05/文章来源:https://blog.csdn.net/Wang1996332/article/details/103145115

1、图片标签

  <img />

  属性:
    src:指的是图片显示的路径(位置)
      绝对路径:D:\Pictures\Saved Pictures
      相对路径:
          ①同一级:直接写文件名称或者./文件名称
          ②上一级:../文件名称
          ③下一级:写上目录名称/文件名称
      width:指定图片的宽度,取值可以是像素值,也可以是百分比
      height:指定图片的高度,取值可以是像素值,也可以是百分比
      alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

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

代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>网页图片显示页面</title>
 6     </head>
 7     <body>
 8         <img src="../img/logo2.png" width="260px" height="45px" alt="logo图片"/>
 9         <img src="../img/header.png" width="300px" height="45px" alt="header图片"/>
10     </body>
11 </html>

运行效果如下:

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_904424.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站银联支付证书更换

题记&#xff1a; 因为公司项目已经运行几年 银联支付的证书在这个月底到期需要更换 步骤: 1.登录 地址: https://merchant.unionpay.com/cas/login 2.点击商户服务平台 3. 3.点击安全证书管理 4.点击下载证书 5.确认启用该证书 禁用要过期的证书 6.点击ie的设置按钮…

手机H5如何对接支付宝登陆授权以及支付(H5网站支付)

场景需求&#xff1a; 通过支付宝扫描二维码进入手机H5网站,获取用户唯一标识appid来标识用户以及处理逻辑。一系列操作后&#xff0c;调起支付窗口完成支付宝支付 1、支付宝开放平台配置 1、登陆支付宝开放平台中心&#xff0c;选择“ 网页&移动应用 ”&#xff0c;然后…

网站demo

学成教育在线网站demo <style>*{margin: 0;padding: 0;}.w{width: 1200px;margin: auto;}body{background-color: #f3f5f7;}/*清除li前面的原点*/li{list-style: none;}/*ul,li{margin:0; padding:0;}*/a{text-decoration: none;}/*清除浮动&#xff0c;咱也不清楚&#…

大型网站架构演变和知识体系

转自&#xff1a;http://www.phpchina.com/html/40/n-35340.html 之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做…

springboot“传情旧物”网站计算机毕业设计(源码、运行环境)

登录界面 旧物信息 公告信息 首页 本源代码和数据库都放至公众号毕业admin,需要此套源代码可以在公众号里获取。

springboot报价制酒水交易网站计算机毕业设计(源码、运行环境)

登录界面 商家界面 商品信息 商家注册界面 首页 本源代码和数据库都放至公众号毕业admin,需要此套源代码可以在公众号里获取。

jsp重庆美食网站计算机毕业设计(源码、运行环境)

登录界面 用户管理 美食类型管理 首页界面 美食信息 本源代码和数据库都放至公众号毕业admin,需要此套源代码可以在公众号里获取。

java小区失物招领网站计算机毕业设计(源码、运行环境)

登录界面 论坛交流管理 注册界面 失物展示管理 论坛信息 本源代码和数据库都放至公众号毕业admin,需要此套源代码可以在公众号里获取。

java/php/net/python家教信息网站设计

本系统带文档lw万字以上+答辩PPT+查重 如果这个题目不合适,可以去我上传的资源里面找题目,找不到的话,评论留下题目,或者站内私信我, 有时间看到机会给您发 系统体系结构 家教信息网站 结构图4-1所示: 图4-1 系统结构模块包括主界面,首页、个人中心、系统管理、管理员…

java/php/net/python二手手机回购网站设计

本系统带文档lw万字以上+答辩PPT+查重 如果这个题目不合适,可以去我上传的资源里面找题目,找不到的话,评论留下题目,或者站内私信我, 有时间看到机会给您发 1管理员用例 管理员登录后可进行首页、个人中心、会员管理、类型信息管理、系统管理、手机信息管理、手机估价管…

静和动态网站访问的流程

ip ip就是像127.0.0.1这些比较长的数字组成的东西&#xff0c;很难记住 【注】&#xff1a;由于ip太难记住了所以有了域名 域名&#xff1a; 比如百度&#xff1a;www.baidu.com、淘宝&#xff1a;。。。 这些都是容易记住的名字 DNS: 这货听着很高大上&#xff0c;我第一次也…

记录值得推荐的几本编程入门书和网站

1.Data structure & Algorithm in Java&#xff08;通俗易懂&#xff0c;很适合初学者&#xff09; 2. 嵌入式操作系统基础μC/OS-II和Linux&#xff08;通俗易懂&#xff0c;很适合初学者&#xff09; 3. 图解TCP/IP 协议&#xff08;通俗易懂&#xff0c;很适合初学者&am…

大型网站技术架构-入门梳理

大型网站技术架构-入门梳理 标签 &#xff1a; 架构设计 大型网站技术架构-入门梳理 前言概述 演化历程架构模式核心要素 架构 高性能高可用伸缩性可扩展网站的安全架构 罗列了大型网站架构涉及到的概念&#xff0c;附上了简单说明 前言 本文是对《大型网站架构设计》(李智…

VS2012 WEB网站项目,出现需要“jquery”ScriptResourceMapping”的错误

异常详细信息: System.InvalidOperationException: WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。 具体步骤如下图所示&#xff1a; 该dll文件的目录为&#xff1a; C:\Program F…

PHP开发一个网站

PHPer应具备的知识 1&#xff0c;php知识 熟练掌握基础函数&#xff0c;PHP语句&#xff08;条件&#xff0c;循环&#xff09;&#xff0c;数组&#xff08;排序&#xff0c;读取&#xff09;&#xff0c;函数&#xff08;内部&#xff0c; 构造&#xff09;&#xff0c;运算…

课程作业2-大一纯网页课程作业——垃圾分类网站设计

“垃圾分类网”项目文档 源码地址&#xff1a; https://download.csdn.net/download/weixin_41446786/12358553 一、 项目概述 1、 设计思路 本次网页设计主题是以宣传垃圾分类为主题&#xff0c;因此秉着平台需要突出宣传垃圾分类、提高垃圾分类意识的想法&#xff0c;网页…

“花生壳”实现内网穿透搭建个人网站

我们先简单介绍一下内网穿透&#xff0c;也叫 NAT 穿透&#xff0c;进行 NAT 穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包不被 NAT 设备屏蔽而正确路由到内网主机&#xff0c;在目前国内的内网穿透工具很多&#xff0c;比如花生壳、Ngrok、网云穿、Frp等等可能介绍…

亿级用户流量网站如何统计活跃用户?妙用redis中bitMap

BitMap是什么 就是通过一个bit位来表示某个元素对应的值或者状态,其中的key就是对应元素本身。我们知道8个bit可以组成一个Byte&#xff0c;所以bitmap本身会极大的节省储存空间。你可以把它理解为一个特殊处理过的 字符串&#xff0c;key代表业务属性、标签。一个 bit 位来表…

推荐3个搜索资源的网站,保存起来,用的时候方便找哦

互联网是一个自由分享的世界&#xff0c;但一旦真想找点资源又不容易找&#xff0c;一方面是现在有违规资源会被封&#xff0c;一方面信息时代信息爆炸&#xff0c;很难快速找到想要的内容。 今天分享3个网站&#xff0c;都可以搜索资源&#xff0c;是资源搜索的入口。 找到了…

自学《HTML5+CSS 32网站设计基础教程》 第一章

第一章 初始HTML 5 1.1 HTML5 概述1.1.1 HTML5发展历程1.1.2 HTML5的优势1.1.3 HTML5浏览器支持情况1.1.4 创建第一个HTML5页面 1.2 HTML5 基础1.2.1 HTML5文档基本格式1.标记2.< html >标记3.< head >标记4.< body >标记 1.2.2 HTML5语法1.2.3 HTML标记1.单…