当前位置: 首页 > news >正文

Web(四)

3.31图像的插入

(一)插入的方法:中输入

(二)分析img标记

1.是单标记

2.样式的格式:(img是选择器)

选择器(属性1:属性值1,属性2:属性值2...)

3.块元素block(后面自带换行 可以指定尺寸)

行元素inline(不能指定尺寸img)

行内块元素inline-block( 后面不带换行 可以指定尺寸img)

(三)网页中插入图片的原则

1.在保证成像质量的情况下,文件大小越小越好

图像格式:3+2

3:png jpg/jpeg gif

2:svg webp

png:支持透明背景

jpg/jpeg:颜色最为丰富

gif:唯一支持动图

svg:小

webp:颜色丰富且小 缺点:不支持ios

http://www.jsqmd.com/news/641055/

相关文章:

  • SenseVoice语音识别模型本地部署避坑指南:从模型下载到API接口调用的完整流程
  • 鸟类识别监测系统(物种识别+数量统计+空间定位)
  • 从梯度抵消到精准识别:3DGS Densification中绝对梯度策略的实战解析
  • 第九篇:内容组织——知识图谱与实体关系:让AI像专家一样“理解”你
  • 微博相册批量下载:三步轻松收藏高清美图
  • 小白友好:Speech Seaco Paraformer从安装到使用的完整教程
  • 2026实测:济南旅游包车带司机一天多少钱?行业专家拆解实价+避坑指南 - 土星买买买
  • AirPods Pro的主动降噪值不值600元差价?真实用户体验对比报告
  • 飞猪酒店商品发布API全流程解析:从数据同步到库存管理
  • GD32F103C8T6上跑FreeRTOS:一份给STM32老手的快速迁移指南
  • 为什么92%的企业在多模态生成上踩坑?2026奇点大会披露的4个隐藏架构陷阱,今天必须看清
  • OpenCore Legacy Patcher深度解析:让旧款Mac重获新生的终极指南
  • easyExcel踩坑实录:为什么String接收Date类型会导致日期错乱?
  • springboot封装的理解
  • Phi-3-mini-4k-instruct-gguf在中小企业落地:低成本GPU算力驱动的智能文案助手
  • DirectDraw兼容性修复终极指南:让Windows 10/11完美运行经典老游戏
  • 终极Windows和Office激活指南:KMS_VL_ALL_AIO智能脚本完全解析
  • Entity Explorer:基于 UModel 的实体探索平台
  • 洋葱矮砧密植模式:水肥一体化系统铺设全实操指南
  • VS Code配置Java开发环境避坑指南:从JDK到Spring Boot插件全流程
  • AI赋能!美创科技探索医疗数据分类分级 + 便捷化数据供给一体化解决方案
  • 揭秘书匠策AI:毕业论文写作的智能导航新星
  • Codex vs Copilot 与主流AI编程工具深度对比:2026开发者选型完全指南
  • 别再只盯着fMRI了!用近红外脑成像(fNIRS)做认知研究,这些实操细节和避坑点你都知道吗?
  • Burp AI Agent 详解
  • 南北阁Nanbeige 4.1-3B在卷积神经网络优化中的应用:模型压缩实战
  • 从零搭建HPC集群:实战部署与关键配置详解
  • TMSpeech:如何在Windows上实现零延迟的本地实时语音转文字?
  • ExplorerPatcher:Windows 11界面定制终极指南,轻松恢复经典体验
  • CodeBERT实战指南:从安装到代码向量化的完整流程