Web前端------HTML多媒体标签之图片标签

ops/2025/1/15 22:45:08/
htmledit_views">

一.图片标签介绍

        1.路径问题>.绝对路径从盘符开始的路径问题:改变了工程目录的位置后,绝对路径从盘符开始则不能使用了,考虑相对路径>.相对路径从当前位置(指从代码书写.html文件)开始如何表示当前位置------使用./如何表示上一级--------使用../2.图片标签的导入方式3.常见图片属性src:图片地址:1.网络路径 2.绝对路径 3.相对路径alt:图片加载失败时,提示信息width/height:图片的宽和高title:图片的标题vspace:垂直边距hspace:水平边距

二.代码展示

html"><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图片标签</title>
</head>
<body><!-- 1.引入网络连接的方式 src:源 --><img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.HnSRdj_vv8H_wjD1ltRhfQHaEK?rs=1&pid=ImgDetMain" alt=""><hr><!-- 2.绝对路径 引入 --><img src="C:\Webhtml" title=前端>前端\code\01.html\1.3块级和行内标签\OIP-C.jpg" alt=""><hr><!-- 3.相对路径 引入 --><img src="../1.3块级和行内标签/OIP-C.jpg" alt=""><!-- 4.常用属性 --><img src="https://file.moyublog.com/d/file/2024-08-21/6ed4c12307971f9ca047f381fa817904.jpg"alt="走丢了"width="300px"height="300px"title="陈平安"vspace="200px"hspace="350px">
</body>
</html>

三.效果呈现

 

 


http://www.ppmy.cn/ops/150406.html

相关文章

强化风险防控:助贷 CRM 系统为助贷中介筑牢安全堤坝

对于助贷中介公司而言&#xff0c;风险防控无疑是关系到生死存亡的关键环节。在复杂多变的市场环境下&#xff0c;传统的风险管控手段漏洞百出&#xff0c;而助贷 CRM 系统的出现&#xff0c;为筑牢安全堤坝提供了坚实保障。 贷前审查阶段&#xff0c;公司以往仅能通过有限的资…

Mac操作系统zip压缩加密

介绍 在苹果电脑上使用zip压缩文件夹&#xff0c;并设置密码。 命令 命令行输入命令后&#xff0c;按下回车后&#xff0c;输入压缩密码。 zip -er aa.zip aa #-e选项启用了ZIP的加密功能 #-r选项表示你想要递归地压缩文件夹 #aa.zip压缩后的文件名 #aa要压缩的文件夹

成功案例分享 — 芯科科技助力涂鸦智能打造Matter over Thread模块,简化Matter设备开发

芯科科技&#xff08;Silicon Labs&#xff09;的愿景之一是让开发者每天都能够更轻松地开发无线物联网&#xff08;IoT&#xff09;。特别是在拥有相同愿景的合作伙伴的帮助下&#xff0c;我们每天都在取得进步。但是要想弥合知识水平和物联网开发之间的差距仍会面临一定的挑战…

k8s故障 ImagePullBackOff状态排错

需看yaml 这个策略是否开启

软件测试之单元测试总结

&#x1f345; 点击文末小卡片&#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 一、何为单测 测试有黑盒测试和白盒测试之分&#xff0c;黑盒测试顾名思义就是我们不了解盒子的内部结构&#xff0c;我们通过文档或者对该功能的理解&#xff0c…

[Qt]常用控件介绍-输入类控件-QLineEdit、QTextEdit、QComboBox控件

目录 1.Line Edit控件 属性 核心信号 Demo&#xff1a;XX软件登录 正则表达式-验证器 Demo&#xff1a;验证器与按钮的配合 Demo&#xff1a;验证两次输入的密码一致 Demo&#xff1a;显示与隐藏密码按钮 2.Text Edit控件 属性 核心信号 几个信号的演示操作 3.C…

maven 下载依赖 jhash:2.1.2 和对应 jar 包

原文地址 前言 25年新的一年&#xff0c;那就先更新一篇技术文章吧&#xff0c;这个是这几天刚遇到的一个有意思的bug&#xff0c;记录分享一下 原因分析 在使用maven加载一个项目的时&#xff0c;发现maven的依赖一直无法解析&#xff0c;更换阿里云镜像和中央仓库都没办法…

504 Gateway Timeout:网关超时解决方法

一、什么是 504Gateway Timeout&#xff1f; 1. 错误定义 504 Gateway Timeout 是 HTTP 状态码的一种&#xff0c;表示网关或代理服务器在等待上游服务器响应时超时。通俗来说&#xff0c;这是服务器之间“对话失败”导致的。 2. 常见触发场景 Nginx 超时&#xff1a;反向代…