【博学谷学习记录】超强总结,用心分享|前端开发图片属性总结
成功没有捷径,只有靠自己的努力和付出才能取得胜利。在学习的路程上,有着许多困难和挫折,有人没有勇气度过,从而浑浑噩噩度过一生,有人则披荆斩棘,尝到了胜利的果实。
今天来分享一下HTML中图片的属性,
如图所示:
我们在书写时在body部分填写内容,
图片的路径有两种:绝对路径和相对路径
绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径
例如:
盘符开头:D:\day01\images\1.jpg
完整的网络地址:https://www.itcast.cn/2018czgw/images/logo.gif
相对路径:从当前文件开始出发找目标文件的过程
相对路径分类:同级目录;下级目录;上级目录;
同级目录
书写示例:<img src="目标图片.gif">、<img src="./目标图片.gif">
下级目录
音频标签: audio标签 视频·标签 video标签
属性同下
• src:视频路径
• controls:视频控件
• autoplay:自动播放 → 谷歌浏览器中可以配合muted属性实现自动静音播放
• loop:循环播放
书写示例:<img src="data:image/目标图片.gif">
上级目录
书写示例:<img src="../目标图片.gif">
附加一些关于音频和视频的知识点:
在网页中视频和音频必不可少,他们的存在丰富了我们的网站内容,正确的应用还增加了用户体验,是网页的好朋友。
音频标签: audio标签 视频·标签 video标签
属性同下
• src:视频路径
• controls:视频控件
• autoplay:自动播放 → 谷歌浏览器中可以配合muted属性实现自动静音播放
• loop:循环播放
以上就是关于图片相关属性的内容了,我们应该做到即时复习,巩固学过的知识,记忆得更牢固。也可以试试为自己制定一个学习计划,但不要天马行空,纸上谈兵,到头来还是竹篮打水一场空,学习方法因人而异,各不相同,愿同学们找到适合自己的学习方法,在学习生涯中绘上精彩的一笔!
【博学谷学习记录】超强总结,用心分享|前端开发图片属性总结相关推荐
- [博学谷学习记录]超强总结,用心分享|第07节 常用的API-----笔记篇
目录 1.API 1.1 API概述-帮助文档的使用 1.2 键盘录入字符串 2. String类 2.1 String概述 2.2 String类的构造方法 2.4 创建字符串对象的区别对比 2.5 ...
- {博学谷学习记录} 超强总结,用心分享|狂野架构师-前置互联网架构演变过程
本章以系统架构,数据架构,两种维度来进行讲解 目录 1 系统架构 1,1 单体架构 1.2 中台战略 2 数据库架构 2,1 单体架构 2.2 主从读写 2.3 分库分表 3 总结 1 系统架构 1, ...
- [博学谷学习记录]超强总结,用心分享|架构 Nacos入门
提示:学习笔记 欢迎指点 文章目录 前言 一.Nacos安装 二.Nacos服务注册与发现 1.服务提供者Provider 2.服务消费者Consumer 三.Nacos作为配置中心 前言 Nacos ...
- [博学谷学习记录]超强总结,用心分享|架构 敏捷 - 开发管理之道
提示:学习笔记 欢迎指点 文章目录 1.敏捷开发思想之道 2.面向对象开发之道 3.敏捷学习之道 1.敏捷开发思想之道 一名敏捷开发者,敏捷思想的掌握自然首当其冲.在敏捷开发实施的过程中,我们虽然不是 ...
- [博学谷学习记录]超强总结,用心分享|第16节 集合续-----笔记篇
目录 1.HashSet集合 1.1HashSet集合概述和特点[应用] 1.2HashSet集合的基本应用[应用] 1.3哈希值[理解] 1.4哈希表结构[理解] 1.5HashSet集合存储学生对 ...
- [博学谷学习记录] 超强总结,用心分享|陌陌综合案例
注:大家觉得博客好的话,别忘了点赞收藏呀,本人每周都会更新关于人工智能和大数据相关的内容,内容多为原创,Python Java Scala SQL 代码,CV NLP 推荐系统等,Spark Flin ...
- [博学谷学习记录]超强总结,用心分享|Hive的压缩格式
压缩格式 工具 算法 文件扩展名 是否可切分 DEFAULT 无 DEFAULT .deflate 否 Gzip gzip DEFAULT .gz 否 bzip2 bzip2 bzip2 .bz2 是 ...
- [博学谷学习记录]超强总结,用心分享|软件测试之计算机基础(一)
本周开始学习软件测试,而我也即将开始在平台记录我的学习之路.我会把我的个人心得及掌握的知识发布在此平台,俗话说最好的输入就是输出,希望在输出的同时能有更多的收获,也希望与大家多多交流. 为了更好的学习 ...
- [博学谷学习记录]超强总结,用心分享|人工智能机械学习基础知识线性回归总结分享
1.线性回归的核心是参数学习,线性回归和回归方程(函数)有关 2.线性回归是目标值预期是输入变量的线性组合 3.欠拟合的产生原因是学习到数据的特征过少 4.多元线性回归中的"线性" ...
最新文章
- strtok和sscanf
- python有道翻译-Python版有道翻译
- 通过JDBC进行简单的增删改查(以MySQL为例)
- 为wp博客添加html网页,WP——在博客(wordpress)中嵌入jupyter notebook
- 单机搭建Android开发环境(五)
- python tcl smb_python操作samba
- react封装函数_react request.js 函数封装
- 《深入理解Java虚拟机》——垃圾收集器的具体实现
- 在 ASP.NET MVC 中创建自定义 HtmlHelper
- 如何看待浏览器越来越臃肿,手机浏览器现状堪忧
- 台式计算机常用的网卡类型,有几种常见的网卡接口类型
- 群晖NAS安装cpolar内网穿透套件(群晖6.X版)
- 一款陌生人状态社交软件--same
- 汇编中call指令和其对应的机器码
- 经济法基础——第五章第二节、个人所得税法律制度
- Zemax-多重结构的公差分析
- 伦敦国王学院计算机申请要求,伦敦大学国王学院高级计算机管理理学硕士研究生申请要求及申请材料要求清单...
- 帆软复选框根据数据库值显示勾选效果
- android 流星动画,android动画Rotate
- 郑州、昆明、韶关等多地全面推行商品房买卖合同电子签约
热门文章
- 【ASPICE】ASPICE中的变更管理-Change Management
- linux端口混杂模式,Linux下网卡混杂模式设置和取消
- nginx + tomcat 动静分离
- 数据库开发面试题总结
- CAD编辑指南2:PDF:转DWG的常见方法
- python 矩阵特征值分解_讲一下numpy的矩阵特征值分解与奇异值分解
- js中构造函数的继承
- UE4中物体的旋转位移方法总结大全
- esper java_Esper学习笔记二:进程模型
- 华科计算机学院教授鲁宏伟,“王者荣耀校园行——华科站”在新闻学院圆满落幕...