其他元素

img元素

在文档中显示图像,可以任意改变图像的大小和外观

属性值

src属性:指定图像的路径
alt属性:提供备用文本(当网络延迟或src出错时显示)

<img src="../../picture/屏幕截图 2024-03-08 231030.png" alt="" />

绝对路径与相对路径

绝对路径

目标文件在硬盘上的真实路径或完整的文件存储网址如:

E:\编程\前端\学习\picture\屏幕截图 2024-03-08 231030.png
https://www.w3ccoo.com/images/w3schools_green.jpg

相对路径

比绝对路径更加灵活,书写简单
引用同级文件:1.jpg
引用上级文件:…/1.jpg
引用下级文件:co/1.jpg
引用上上级文件:…/…/1.jpg

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

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

相关文章

C语言 | Leetcode C语言题解之第10题正则表达式匹配

题目&#xff1a; 题解&#xff1a; bool isMatch(char* s, char* p) {int m strlen(s);int n strlen(p);// dp[i][j] 表示 s 的前 i 个字符和 p 的前 j 个字符是否匹配bool dp[m 1][n 1];memset(dp, false, sizeof(dp));dp[0][0] true; // 空字符串和空模式匹配// 处理 …

00-JAVA基础-javassist字节码操作

字节码操作 什么是字节码 Java字节码&#xff08;Java bytecode&#xff09;是Java虚拟机&#xff08;JVM&#xff09;执行的一种虚拟指令格式。它是由Java编译器生成的&#xff0c;基于栈的指令集&#xff0c;用于在Java虚拟机上执行。字节码文件包含了JVM能够识别的指令&am…

Python实战:打造简易四则运算计算器

Python实战&#xff1a;打造简易四则运算计算器 简介&#xff1a;本文将指导您编写一个简易的Python计算器程序&#xff0c;该程序支持基本的加减乘除运算。通过此教程&#xff0c;您将学习到Python编程语言的基础知识&#xff0c;并学会如何利用这些知识构建实用的应用程序。…

【JSON2WEB】 12基于Amis-admin的动态导航菜单树

【JSON2WEB】01 WEB管理信息系统架构设计 【JSON2WEB】02 JSON2WEB初步UI设计 【JSON2WEB】03 go的模板包html/template的使用 【JSON2WEB】04 amis低代码前端框架介绍 【JSON2WEB】05 前端开发三件套 HTML CSS JavaScript 速成 【JSON2WEB】06 JSON2WEB前端框架搭建 【J…

matlab 的PWM OUT代码在2023b与2024a中都报错

2023b运行程序内容&#xff1a; Monitor & Tune frequency and duty cycle of PWM signals on STMicroelectronics STM32F4xx Based Hardware Board Signal Monitoring and Parameter Tuning of Generated PWM Output - MATLAB & Simulink - MathWorks 中国报错内容&…

手搓ajax的封装

ajax的封装 前言 每一次发送请求我们都需要重复创建实例&#xff0c;配置请求 发送请求 获取数据&#xff0c;为了能够使用更加方便&#xff0c;我们对于ajax请求的步骤进行封装 同步的ajax请求 同步封装ajax请求可以通过返回值的方式返回后端的数据请求参数 type 请求方式ur…

Megatron-DeepSpeed-GPU-多机训练

Megatron-DeepSpeed-cuda-多机训练 1.从ngc拉取pytorch:24.03-py3镜像2.安装nvidia-docker、创建容器3.安装Megatron-DeepSpeed环境4.安装openmpi和ssh服务5.拷贝公钥6.安装pdsh7.升级protobuf8.准备数据集9.创建配置文件10.开始测试本文演示了Megatron-DeepSpeed-GPU-多机训练…

Flume 拦截器概念及自定义拦截器的运用

文章目录 Flume 拦截器拦截器的作用拦截器运用1.创建项目2.实现拦截器接口3.编写事件处理逻辑4.拦截器构建5.打包与上传6.编写配置文件7.测试运行 Flume 拦截器 在 Flume 中&#xff0c;拦截器&#xff08;Interceptors&#xff09;是一种可以在事件传输过程中拦截、处理和修改…

FreeRtos入门-4 事件组与同步点

事件组 事件组 同步点 创建 xEventGroupCalc xEventGroupCreate();//1&#xff0c;创建事件组 xEventGroupSyc xEventGroupCreate() 设置 xEventGroupSetBits(xEventGroupCalc,(1<<0));//设置事件组bit0 位 xEventGroupSync(xEventGroupSyc,BUSYING,ALL,portMAX…

VB 通过COM接口解析PSD文件

最近有PS测评的需求&#xff0c;故而想到了解析psd文件&#xff0c;目的就是为了获取文档信息和图层信息&#xff1b;获取PS的图像信息有很多方式&#xff0c;有过程性的&#xff0c;比如监听PS的各种操作事件&#xff1b;有结果性的&#xff0c;比如本文写的解析PSD文件。 0.…

使用pip安装geopandas(24.4更新)

geopandas是我们用Python进行地理分析常用的库&#xff0c;在数据处理、分析、制图等场景中有着极为广泛的应用&#xff0c;但是在安装过程中会出现各种问题。​geopandas的安装方式有很多&#xff0c;今天我们选取较为简单的pip来进行geopandas的安装。 ​首先&#xff0c;我…

内部类(InnerClass)

概述 什么是内部类 将一个类A定义在另一个类B里面&#xff0c;里面的那个类A就称为内部类&#xff08;InnerClass&#xff09;&#xff0c;类B则称为外部类&#xff08;OuterClass&#xff09;。 为什么要声明内部类呢 具体来说&#xff0c;当一个事物A的内部&#xff0c;还有…

Java web第一次作业

1.学会用记事本编写jsp文件&#xff0c;并放进tomcat的相关目录下&#xff0c;运行。 源代码&#xff1a; <% page contentType"text/html;charsetUTF-8" language"java" %> <html> <head> <title>我的第一个JSP页面</ti…

JavaSE——运算符

1. 概念 运算符是一种用于执行特定操作的符号或关键字。在编程中&#xff0c;运算符用于对变量、常量和表达式进行操作&#xff0c;以产生一个结果。 作为一门计算机语言&#xff0c; Java 也提供了一套丰富的运算符来操纵变量。 Java 中运算符可分为以下&#xff1a;算术运算…

Vue3实现图片懒加载

通过第三方插件VueUse实现图片懒加载。 1、需要安装依赖 npm i vueuse/core2、定义懒加载的插件 xxx/index.js // useIntersectionObserver&#xff1a;响应式监听目标元素的可见性。 import { useIntersectionObserver } from vueuse/core// 定义懒加载插件 export const …

电商系列之促销

> 插&#xff1a;AI时代&#xff0c;程序员或多或少要了解些人工智能&#xff0c;前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站。 坚持不懈&#xff0c;越努力越幸运&#xff0c;大家…

nginx: 集群环境配置搭建

nginx 集群环境搭建 1 ) 概述 nginx 本身就应该选择性能强劲的机器同时为了满足更多流量的需求, 多台nginx 机器做集群来满足强大的需求故而&#xff0c;我们需要一个负载均衡器&#xff0c;以及多台nginx的机器 这里负载均衡器应该有主从和热备&#xff0c;目前先使用一台来描…

算法沉淀——动态规划篇(子数组系列问题(下))

算法沉淀——动态规划篇&#xff08;子数组系列问题&#xff08;下&#xff09;&#xff09; 前言一、等差数列划分二、最长湍流子数组三、单词拆分四、环绕字符串中唯一的子字符串 前言 几乎所有的动态规划问题大致可分为以下5个步骤&#xff0c;后续所有问题分析都将基于此 …

Java Math类、System类、Runtime类

Math类 Java中的Math类是一个包含各种数学方法的内置类&#xff0c;它提供了一系列静态方法&#xff0c;用于执行各种数学计算。具体来说&#xff0c;Math类中的方法可以分为以下几类&#xff1a; 基本数学运算&#xff1a;包括加法、减法、乘法和除法等。三角函数&#xff1…