【2024】前端学习笔记4-图像标记

news2024/11/25 6:34:48

在 HTML 中,<img>标签用于在网页中插入图像。

基本语法:

<img src="图像文件地址" alt="替代文本">
  • src:指定图片的路径,可以是相对路径、绝对路径。
  • alt:为图像提供代替文本,如图像无法显示时,这个文本会显示,以提供图像的描述。

示例:图片来源分别为互联网和本地

<body>
   <!--图片来源为互联网-->
   <img src="https://cdn.pixabay.com/photo/2023/09/29/14/58/road-8284023_1280.jpg" alt="风景" width="200px">
   <!--图片来源为本地-->
   <img src="C:\Users\yyang\Desktop\html-study\image\色彩.jpg" alt="色彩" width="200px"">
</body>

展示效果:

在这里插入图片描述

  • width:设置图像的宽度,可以等比例缩放,这里设置为200px
  • height:设置图像的高度
  • border:设置图像的边框

示例:给图像设置边框

<body>
   <!--图片来源为互联网-->
   <img src="https://cdn.pixabay.com/photo/2023/09/29/14/58/road-8284023_1280.jpg" alt="风景" width="200px">
   <!--图片来源为本地-->
   <img src="C:\Users\yyang\Desktop\html-study\image\色彩.jpg" alt="色彩" width="200px" border="10px">
</body>

展示效果:

在这里插入图片描述

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

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

相关文章

9.12日常记录

1.extern关键字 1&#xff09;诞生动机:在一个C语言项目中&#xff0c;需要再多个文件中使用同一全局变量或是函数&#xff0c;那么就需要在这些文件中再声明一遍 2&#xff09;用于声明在其他地方定义的一个变量或是函数&#xff0c;在当前位置只是声明&#xff0c;告诉编译器…

【办公类】幼儿健康数据模版批量更改日期(保健老师填写)

背景需求 今天下发通知 三个园区的保健老师需要填写 1.2023学年&#xff08;202406&#xff09;的六一体检数据 2.2024学年&#xff08;202409&#xff09;的新生入园体检数据 我先把上一轮填写过的数据模版下载下来&#xff08;套用模版&#xff09; 把EXCEL下载到原始文件…

驾驭不断发展的人工智能世界

从很多方面来看&#xff0c;历史似乎正在重演。许多企业正争相采用生成式人工智能 (Gen AI)&#xff0c;就像它们争相采用云计算一样&#xff0c;原因也是一样的&#xff1a;效率、成本节约和竞争优势。 然而&#xff0c;与云一样&#xff0c;GenAI 仍是一项发展中的技术&…

机器学习(西瓜书)第 9 章 聚类

9.1 聚类任务和距离计算 在”无监督学习“中&#xff0c;训练样本的标记信息是未知的&#xff0c;目标是通过对无标记训练样本的学习来揭示数据的内在性质及规律&#xff0c;为进一步的数据分析提供基础.此类学习任务中研究最多、应用最广的是“聚类”(clustering). 聚类试图…

咖啡果实病虫害检测系统源码分享

咖啡果实病虫害检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Comput…

【最新综述】基于深度学习的超声自动无损检测(上)

Deep learning in automated ultrasonic NDE – Developments, axioms and opportunities 传统上&#xff0c;超声无损检测数据分析一直由训练有素的操作员在基本自动化工具的支持下手动解释数据。最近&#xff0c;开始出现许多针对个别无损检测任务&#xff08;数据预处理、缺…

即插即用篇 | YOLOv10 引入矩形自校准模块RCM | ECCV 2024

本改进已同步到YOLO-Magic框架! 语义分割是许多应用的重要任务,但要在有限的计算成本下实现先进性能仍然非常具有挑战性。在本文中,我们提出了CGRSeg,一个基于上下文引导的空间特征重建的高效且具有竞争力的分割框架。我们精心设计了一个矩形自校准模块,用于空间特征重建和…

HarmonyOS开发实战( Beta5.0)橡皮擦案例实践详解

鸿蒙HarmonyOS开发往期必看&#xff1a; HarmonyOS NEXT应用开发性能实践总结 最新版&#xff01;“非常详细的” 鸿蒙HarmonyOS Next应用开发学习路线&#xff01;&#xff08;从零基础入门到精通&#xff09; 介绍 本示例通过ohos.graphics.drawing库和blendMode颜色混合实…

Obsidian git sync error / Obsidian git 同步失敗

Issue: commit due to empty commit message Solution 添加commit資訊&#xff0c;確保不留空白 我的設置&#xff1a;auto-backup: {{hostname}}/{{date}}/

ESXI8.0 vsphere vcenter 多网卡多网段配置

一般来说服务器至少两块网卡&#xff0c;安装esxi后一种方案是利用闲置网卡建立多上传链路&#xff0c;聚合&#xff0c;另一种是配置多网段进行虚拟机隔离&#xff0c;网上也没找到讲的很清楚的&#xff0c;经过多种尝试终于学会&#xff0c;记录分享一下 首先物理交换机的随…

谷歌开发者账号被封会影响AdMob吗?收款卡更换修改有什么限制?

众所周知&#xff0c;AdMob作为谷歌旗下的广告平台&#xff0c;是众多开发者的主要变现渠道之一。那在开发者账号被封的情况下&#xff0c;AdMob账号是否会也受到波及&#xff1f; 虽说通常谷歌开发者账号被封并不直接等同于AdMob账号被封&#xff0c;但还是会互相影响的。即使…

C 和 C++ struct 的区别?

目录 1. 默认访问权限 2. 面向对象特性 3. 继承和多态 4. 访问控制 5. 使用习惯 6. 默认继承权限 1. 默认访问权限 C 语言&#xff1a;在 C 中&#xff0c;struct 中的所有成员默认是 public&#xff08;可直接访问&#xff09;。C 语言&#xff1a;在 C 中&#xff0c;…

BFS广度优先搜索解决迷宫问题

前言 BFS广度优先搜索解决迷宫问题 迷宫问题 原题目&#xff1a;迷宫由n行m列的单元格组成(n,m都小于等于50)&#xff0c;每个单元格要吗是空地要吗是障碍物。现在请你找到一条从起点到终点的最短路径长度。 分析 首先我们将起点入队&#xff0c; 然后队首节点可拓展的点入…

总线性能指标及标准

一、总线性能指标 1.总线周期 一次总线操作所需的时间&#xff08;包括申请阶段、寻址阶段、传输阶段和结束阶段&#xff09;&#xff0c;通常 由若干个总线时钟周期构成。 2.总线时钟周期 即机器的时钟周期。计算机有一个统一的时钟&#xff0c;以控制整个计算机的各个部件…

Android 系统下:普通应用无缝安装,Launcher 应用安装遭遇罕见障碍解析

目录 一、场景 1.1 错误分析 1.2 解决方法尝试 1.2.1 检查应用的安装位置 1.2.2 使用ADB安装 1.2.3 检查APK的签名 1.2.4 检查可用的内部存储空间 1.2.5 将应用程序安装到设备的内部存储空间 1.2.6 重置设备&#xff08;谨慎使用&#xff09; 1.2.7 获取Root权限&…

【Qt】选择器

选择器概况 QSS选择器支持以下几种&#xff1a; 选择器示例说明 全局选择器 * 选择所有的 widget. 类型选择器 (type selector) QPushButton 选择所有的 QPushButton 和 其⼦类 的控件. 类选择器 (class selector) .QPushButton 选择所有的 QPushButton 的控件. 不会选…

C++——STL(list类)

1.list的介绍 1. list是可以在常数范围内在任意位置进行插入和删除的序列式容器&#xff0c;并且该容器可以前后双向迭代。 2. list的底层是双向链表结构&#xff0c;双向链表中每个元素存储在互不相关的独立节点中&#xff0c;在节点中通过指针指向其前一个元素和后一个元素…

一文400字看懂,如何评估系统负载指标load average

在linux系统输入指令top后可以看到系统近1分钟、近5分钟、近15分钟的平均负载。 但是很多人工作10年也未必知道这个指标的含义&#xff0c;到底多少表示系统已经忙不过来&#xff1f; 如图&#xff0c;最近1分钟、5分钟&#xff0c;15分钟系统平均负载分别是0.10&#xff0c;0…

什么是充放电测试?怎么测试电源的充放电性能?

对于需要不间断电源供应的电子系统而言&#xff0c;某些电源模块通过搭载电池来应对突发停电或其他系统故障。针对这些模块的电池性能保障&#xff0c;充放电测试显得尤为重要&#xff0c;它是确保电源稳定性的关键测试方法。 充放电测试原理 充放电测试是指通过模拟电池在实际…

还不知道ACP认证?那你真落后了

随着云计算技术的蓬勃发展&#xff0c;已经成为推动企业数字化转型的关键力量。 在众多云服务提供商中&#xff0c;阿里云以其强大的技术实力和广泛的服务范围&#xff0c;在全球市场上占据了重要地位。对于IT专业人士而言&#xff0c;掌握云计算技能不仅是顺应技术潮流的需要&…