H5:图像标签和路径

目录


一.前言

二.正文

1.图像标签

注意:

2.路径

Ⅰ.目录文件夹和根目录

Ⅱ.路径

三.结语


一.前言

本篇介绍有关标签和路径,关于图像标签我们来看看有什么需要注意的。

二.正文

1.图像标签

在HTML标签中,img标签用于定义HTML页面中的图像。

复制代码
<img src="图像URL" />

img为image的缩写,意为图像。

src是img标签的必须属性,用于指定图像文件的路径和文件名

所谓属性即为特征。

属性 属性值 说明
src 图片路径 必须属性
alt 文本 替换文本。图片无法显示的文字
title 文本 提示文字。鼠标放到图片上,显示文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细

注意:

  • 属性要写在标签之后

  • 属性之间不分先后顺序,标签名与属性,属性与属性之间都以空格隔开

  • 属性采用键值对的格式,即key="value"的格式,属性="属性值"

2.路径

Ⅰ.目录文件夹和根目录

实际工作中,各种文件繁多,为对其分类则需要文件夹。

目录文件夹:就是普通文件。

根目录:就是目录文件夹的第一层

Ⅱ.路径

通过路径可以找到相关文件所在处,路径可以分为:

①.相对路径:以引用文件所在位置为参考基础,而建立处的目录路径。

相对路径分类
同一级
下一级 / 某文件位于HTML文件下一级
上一级 ../ 某文件位于HTML文件上一级

②.绝对路径:就是具体到从盘到某一文件所属地址

三.结语

看完之后希望对你有所帮助,记得多加尝试,实践出真知。

相关推荐
掘金者阿豪12 小时前
把业务数据变成共享仪表盘:Metabase可视化与远程访问实践
前端·后端
kyriewen13 小时前
折腾了半年 AI 编程工作流,最后发现效率瓶颈是桌上那块屏幕
前端·javascript·ai编程
蜗牛前端13 小时前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序
大龄秃头程序员14 小时前
我在图文流 App 里落地双层缓存、弱网降级与 OOM 治理
前端
老王以为14 小时前
React Renderer 分离的多平台架构
前端·react native·react.js
hunterandroid14 小时前
Kotlin Coroutines 与 Flow:让异步任务更清晰
前端
Bigger14 小时前
从零搭建 AI 代码审查服务:一份前端也能看懂的 Python 学习笔记
前端·ci/cd·ai编程
lichenyang45315 小时前
JSAPI、NAPI、Biz、Imp:ASCF Demo 如何真正调用系统能力和 C++ 能力
前端
lichenyang45315 小时前
IPC、JSVM、UIThread、libuv:ASCF 架构图里最容易混的几个词
前端
用户0595401744615 小时前
Redis记忆存储故障恢复测试踩坑实录:手动测试让我漏掉了2个一致性Bug
前端·css