HTML图像标记
myzbx 2024-12-02 22:36 24 浏览
HTML图像标记
常用的图像格式—GIF,PNG,JPG
图像标记<img />
HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来将详细介绍图像标记以及和他相关的属性。其基本语法格式如下:
<img src="图像URL" />
该语法中src属性用于指定图像文件的路径和文件名,他是img标记的必需属性。
相对路径和绝对路径
相对路径
相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。
例如:
<img src="img/logo.gif" alt="传智播客-专业的java培训,.net培训,php培训,网页培训,平面培训,iOS培训机构" />
相对路径设置分为以下三种:
图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。
图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img src="img/img01/logo.gif" />。
图像文件位于html文件的上一级文件夹:在文件名之前加入“…/” ,如果是上两级,则需要使用 “…/ …/”,以此类推,如<img src="../logo.gif" />。
绝对路径
绝对路径一般是指带有盘符的路径。
例如:
“D:\HTML+CSS网页制作\chapter02\img\logo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/logo.gif”。
我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。
原文链接:https://blog.csdn.net/dubaiqaq/article/details/103500345
- 上一篇:web前端入门到实战:HTML元素嵌套问题
- 下一篇:前端:六大H5常用结构元素
相关推荐
- 休闲游戏《重力六边形》让你晕头转向
-
重力六边形游戏介绍给玩家们,看看这款游戏怎么玩,会给玩家们带来什么样的乐趣,就和蚕豆网小编瞧瞧重力六边形游戏介绍。Tiltagon《重力六边形》是一款快节奏的休闲游戏,开发者表示这款游戏最初的设计灵...
- 《重力实验室》测评 果然无法拒绝萌物!(7.5分)
-
话说怒鸟系列真真儿的经久不衰,这不,上周《愤怒的小鸟英雄传》又上架了。这么叫座的游戏,各家当然也是竞相模仿的啦~(模仿什么的,你们懂的)可是模仿也是要有技术滴~小编今天就遇到了一款叫做《重力实验室》的...
- 《重力存亡》评测:最爽快的重力感应游戏
-
《重力存亡(TilttoLive)》是一个动作游戏系列,与其他众多利用虚拟按键操作的动作游戏不同的是,这个系列全部都是以重力感应为主进行操作的,并且被评为“移动平台上最经典与爽快的重力感应游戏”,...
- Cluvens IW-SK:一款采用蝎子造型的零重力游戏椅子与工作站
-
来源:cnBeta据外媒报道,如果你正在寻找终极电脑工作站或电子游戏椅并假装自己被困在一只巨大的蝎子里面那么你的梦想就要成真了。CluvensIW-SK零重力电子竞技椅和工作站除了配有一张精致的椅子...
- 休闲游戏《动物重力冲刺》:让你上下颠倒傻傻分不清
-
寿司发表于2016-01-0417:00还记得休闲游戏《蜘蛛方块》里面的那只萌萌小方块吗?近日该作的开发商BoomBit发布了一款全新作品AnimalGravityRun《动物重力冲刺...
- 人体重力“游戏”成功解决四代机研制中的一项技术难点
-
这个夜晚,四代机研制的又一项技术难点完成攻关,碳纤维锯齿蒙皮制造、加工、检测技术实现了全方位突破。4月24日23时,狂风大作,大雨倾盆而下,马路上的积水已经吞没了半个自行车轮。而此时的航空工业成飞40...
- 了解四个基本音效术语,让你拥有更棒的音效
-
各位影人可能经常听到别人建议你聘请专业音效师,但你真的知道音效师在做什么吗?一个很棒的音效师能带领观众进入你的世界、沉浸在你说的故事中,但音效师的重要性经常被低估,有时他们的能力甚至没有被导演好好运用...
- 《死亡回归》帧率与分辨率测试 PS5功能体验绝佳
-
PS5主机独占新作《死亡回归》是目前在索尼次世代平台上体验最佳的游戏之一,国外媒体VGTech对这款游戏的分辨率和帧率效果进行了一些测试。《死亡回归》是曾经推出过像素卷轴射击游戏《光电战机》的Hou...
- ROG游戏手机3如何更改音频音效?
-
请将手机桌面由上向下滑动至快捷设置栏>点击齿轮设置按钮>声音和震动>音频向导>点击下拉菜单,选择类型并按确定即可。
- 怎么给游戏配音?快看这篇游戏配音教程吧
-
给游戏配音是一项非常重要的任务,一个好的配音不仅可以增强游戏的氛围和情感表现,还能够让玩家更好地沉浸在游戏中,体验游戏的乐趣和神秘。它需要创造力、技术知识和对声音掌控的能力,还需要对游戏的理解和深入思...
- Steam游戏评测 第566期《战争号令》
-
《战争号令——地狱之门:东线》是由BarbedwireStudios,Digitalmindsoft研发并由Digitalmindsoft发行的一款基于真实历史设计的即时战略游戏,游戏以二战时期的...
- 竞速游戏推荐哪个 高人气竞速游戏精选
-
探索速度与激情的巅峰对决!本文带你领略高人气竞速游戏精选,无论是狂飙突进的赛车体验,还是策略布局的竞技快感,总有一款能满足你对速度的渴望。无论你是资深玩家还是新手入门,这里将揭示最具热度的游戏世界,一...
- 游戏使用孙红雷台词声音被判侵权
-
10月13日,成都互联网法庭对演员孙红雷与成都睡神飞科技有限公司、北京睡神飞科技有限公司纠纷一案作出一审判决。合议庭认为,被告开发、发布的游戏未经原告同意也未取得相应授权,使用其参演的影视剧《征服》经...
- 雷蛇发布创意电竞椅头枕,可将游戏声音转换为触觉反馈
-
IT之家1月6日消息,雷蛇在CES2023上发布了首款带近场环绕音效和触觉反馈的电竞椅头枕,名为ProjectCarol。该头枕支持近场环绕音效搭配7.1环绕声,还搭载Raze...
- 《生化危机8》总监:PS5的3D音效太适合恐怖游戏
-
《生化危机8》还有不到一个月就要发售了。卡普空游戏总监佐藤盛正近日接受了PlayStation官方杂志的采访(186期,2021年5月号),介绍了他在面向索尼PS5平台开发这款游戏时的一些体验。“对恐...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)