HTML（二）

最新推荐文章于 2022-11-27 20:21:49 发布

子木_Lee

最新推荐文章于 2022-11-27 20:21:49 发布

阅读量134

点赞数

分类专栏： HTML 文章标签： HTML 网站插入图片

本文链接：https://blog.csdn.net/qq_41819988/article/details/90752312

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

2.网站图片信息

2.1需求分析:

在网站中需要显示LOGO图片

2.2技术分析

img 标签:

常用的属性;

width : 宽度

height: 高度

src : 指定文件路径

alt: 图片加载失败时的提示内容

2.3代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站图片信息</title>
	</head>
	<body>
		<!--
        	常用属性:
				src : 指定图片路径
				width : 指定图片宽度  
				height : 图片高度
				alt : 文件加载失败时的提示信息
			注意：只写width或者height 图片会随着原始的宽高比变化
        -->
        <img 
        	src="../img/蜀道难.jpg"  width="500px" alt="图片加载失败"
        />
	</body>
</html>

2.4扩展-文件路径

相对路径

        ./      代表的是当前路径
        ../     代表的上一级路径
        ../../  上上一级路径

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

子木_Lee

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

[HTML]Web前端开发技术13（HTML5、CSS3、JavaScript ）横向二级导航菜单 Web页面设计实例——喵喵画网页

ormstq的博客

01-17

3324

横向二级导航菜单 Web页面设计实例

2020大二HTML5期末课业

ziwei1259455949的博客

03-12

389

运行效果图： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi.

参与评论您还未登录，请先登录后发表或查看评论

初级Html—模仿电商销售平台图书列表

JKevin的博客

04-08

2632

实验一网页制作 1.内容 2、设计电商销售图书列表页面，设计效果可参考图2。页面内容应包括图书封面照片、图书名称、作者、出版社、售价、评论、图书详情等信息（评论和图书详情可通过超链接跳转某电商页面）。 2.开始实验（限时两小时） 2.实验二 HTML代码： <!doctype html> <html> <head> <met...

封面设计参考

weixin_30266829的博客

09-02

124

封面设计~扫描的,仅供学习参考之用. 打包下载转载于:https://www.cnblogs.com/savageworld/archive/2006/09/02/493174.html...

HTML 基础内容（一）

hefrankeleyn的博客

01-05

628

一、单引号还是双引号 html的属性值，既可以使用单引号，也可以使用双引号。选择一种引号后，另一种引号可以放在值里面。 <input type='text' value="i'm"> <input type="text" disabled="disabled"> 二、display属性，可以将值省略 <input type='text' di...

超链接（网页设计实验）

weixin_45773503的博客

04-09

1274

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>班级主页</...

WEB HTML 二级菜单折叠展开菜单

热门推荐

小西瓜吖的博客

03-16

1万+

WEB，HTML，二级菜单，折叠展开一、效果图：二、完整代码：直接复制浏览器打开即可。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>菜单</title>  <script language="javascript"&g

html+css实现二级导航

piaoliangj的博客

09-24

3786

只使用html和css实现二级导航二级导航几乎是每个页面必备的功能，它也有很多实现的方法，接下来介绍一种只用html+css就实现出来的方法：先放上效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简单二级导航的做法</title> <style> * {

html 中怎么写二级导航,html二级菜单导航栏成品

weixin_42419782的博客

05-30

4169

html 高级二级导航菜单代码如下： #menu { width: 600px; font-family: Arial; font-size: 15px; } #menu ul { display: block; width: 100%; margin: 0; position: relative; } #menu ul li { list-style-type: none; float: lef...

html二级子页面设计,Fusion App制作文章详细页二级子页面

weixin_35432846的博客

06-04

3057

.下载着Apoup(风铃)APP的朋友都知道，点击文章会出来一个文章详细页面。在这个文章详细页面看完文章后返回直接就到首页不用像浏览器那样缓慢的重新加载。这样有助于提高用户的整体体验，让交互更加的舒适流畅，现在每个APP几乎都是点击文章会出来一个文章详情的二级界面。那么Fusion App套壳的网页怎么实现这种文章详细界面加载呢？我们依旧用哔哩哔哩的网站作为例子，既然想要点击的文章加载到另一个界面...

鼠标悬停显示二级菜单HTML+CSS

不知名

11-27

2819

鼠标悬停显示二级菜单HTML+CSS

HTML下拉框、二级联动 select多级联动

大师兄

12-31

3269

html + ajax +php 二级联动下拉框 <!DOCTYPE html> <html> <head> </head> <style> .sel{ width:200px; height:40px; } </style> <body> <select id="sel" onchange="fun()" class="sel"> <option value="1">支付宝</

书籍封面练习

csdnxiaotao的博客

02-23

932

列表（网页设计实验）

weixin_45773503的博客

04-09

341

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&...

动态网页制作实验

李霁明的博客

05-07

6153

文章目录动态网页制作实验一、实验目的二、实验环境三、实验内容动态网页实验（一）动态网页实验（二）四、原理实验步骤五、关键问题及解决方法六、实验结果七、实验体会附录：源代码（仅仅附上核心代码）1.1网页login.aspx.cs或其他2.1网页myhome.aspx.cs或其他2.3 数据库生成SQL语句[包括建库、建表语句；记录不需要] 动态网页制作实验一、实验目的熟悉 VS 2010...

基于粒子群算法的配电网日前优化调度采用IEEE33节点配电网搭建含风光，储能，柴油发电机和燃气轮机的经济调度模型以运行成本

10-09

基于粒子群算法的配电网日前优化调度采用IEEE33节点配电网搭建含风光，储能，柴油发电机和燃气轮机的经济调度模型。以运行成本和环境成本最小为目标，考虑储能以及潮流等约束，采用粒子群算法对模型进行求解，得到电源的每小时出力情况。

ECU ccp协议上位机测试与标定源码，C#源码上位机ECU标定与测量程序 - ASAM MCD -1MC的 ccp 标定与测

10-09

ECU ccp协议上位机测试与标定源码，C#源码上位机ECU标定与测量程序。 - ASAM MCD -1MC的 ccp 标定与测量上位机软件，短上传和DAQ功能，支持一维二维等测量和标定，显示控件丰富，具有仪表盘，进度条，二维map等。 - ASAM MCD-2MC 的文件读取（a2l文件读取） - 在解析的同时提供了文件结构检查 - 读取和导出ECU 测量数据为excel文件 - 支持多个设备，包括 ETAs, Vector, Peak, 8Devices, Kvaser, usbcan兼容设备等等CAN设备的支持，同时有一个简单的接口，用于实现其他设备支持，接口dll函数替即可。 .Net 目标框架为 4.0，需要引用Excel程序，默认版本为 office 2019，也可在源码中修改。

超市商品管理系统 SSM毕业设计源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip