#WEB前端(HTML属性)

1.实验:a,img


2.IDE:VSCODE 


3.记录: 

a:

href插入超链接

默认情况下在本窗口打开链接,

target可以设置打开的窗口,parent在父窗口打开,blank新开串口打开,top在顶层串口打开,self为默认在本窗口打开

img:

插入图片

可以插入图片链接(src)和加载失败时显示的内容(alt)

可以设置图片的宽和高

运行效果:


4.代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML属性</title>
</head>
<body><a href="https://docs.geeksman.com">极客侠网址</a>                           <!超链接,默认为_self(在本窗口打开超链接)><p><a href="https://docs.geeksman.com" target="_blank">在新窗口打开极客侠网址</a></p><p><a href="https://docs.geeksman.com" target="_parent">在父窗口打开极客侠网址</a></p>     <!target规定在哪个窗口打开超链接><p><a href="https://docs.geeksman.com" target="_self">在本窗口打开极客侠网址</a></p><p><a href="https://docs.geeksman.com" target="_top">在顶层窗口打开极客侠网址</a></p><hr>                                    <!分割线><! src为图片的链接,alt为图片无法加载时显示的内容><img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.fFLzAD27IMu3Y07d2l2nIAHaLH&w=204&h=306&c=8&rs=1&qlt=90&o=6&dpr=1.4&pid=3.1&rm=2" alt="图片加载出错">                <hr><img src="超级马里奥.jpg" alt="出错了">                            <!DOCTYPE html 直接加载同一路径下的图片><hr><img src="超级马里奥.jpg" alt="出错了" width="400" height="200">   <!DOCTYPE html 直接加载同一路径下的图片,设置显示的宽度和高度>
</body>
</html>

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

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

相关文章

解析/区分MOS管的三个引脚G、S、D(NMOS管和PMOS管)

MOS管的三个引脚分别是Gate&#xff08;栅极&#xff09;、Source&#xff08;源极&#xff09;和Drain&#xff08;漏极&#xff09;。以下是详细介绍&#xff1a; Gate&#xff08;栅极&#xff09;。这是控制MOS管开关的关键引脚&#xff0c;用于控制电流的流通。Source&…

智能分析网关V4安全帽检测/反光衣检测/通用工服检测算法及应用

TSINGSEE青犀视频智能分析网关V4内置了近40种AI算法模型&#xff0c;支持对接入的视频图像进行人、车、物、行为等实时检测分析&#xff0c;上报识别结果&#xff0c;并能进行语音告警播放。硬件管理平台支持RTSP、GB28181协议、以及厂家私有协议接入&#xff0c;可兼容市面上常…

【DDD】学习笔记-实体和值对象:从领域模型的基础单元看系统设计

今天我们来学习 DDD 战术设计中的两个重要概念&#xff1a;实体和值对象。 这两个概念都是领域模型中的领域对象。它们在领域模型中起什么作用&#xff0c;战术设计时如何将它们映射到代码和数据模型中去&#xff1f;就是我们这一讲重点要关注的问题。 另外&#xff0c;在战略…

springboot238光影视频

光影视频平台 摘 要 使用旧方法对光影视频平台的信息进行系统化管理已经不再让人们信赖了&#xff0c;把现在的网络信息技术运用在光影视频平台的管理上面可以解决许多信息管理上面的难题&#xff0c;比如处理数据时间很长&#xff0c;数据存在错误不能及时纠正等问题。这次开…

APS面试审核准备的常规问题

之前根据其他人的经验贴&#xff0c;准备了一些可能APS 面试审核可能会遇到的常规问题&#xff0c;现在简单分享一下。 一般会考虑到留学资金来源&#xff0c;在德国能不能顺利毕业&#xff1b;学的是什么专业内容之类的&#xff0c;判断去德国会不会好好学习&#xff1b;对德国…

Linux:上传文件到虚拟机

常见的方法&#xff1a; 使用虚拟机软件提供的文件共享功能&#xff1a; 对于VMware Workstation&#xff0c;可以使用“共享文件夹”功能。对于VirtualBox&#xff0c;可以使用“共享文件夹”或“拖放”功能。 使用网络文件共享服务&#xff1a; 您可以在虚拟机中配置一个Sam…

【Python入门教程】Python实现鸡兔同笼

今天跟大家分享一下很久之前自己做的鸡兔同笼求解问题的小游戏&#xff0c;使用公式和基本的判断语句即可实现&#xff0c;可以用来当练手或者消磨时间用。 大家在编代码的时候最重要就是先理清逻辑思路&#xff0c;例如应该套几层循环、分几个模块等等。然后在编码时可以先随意…

TS中符号的用法:?、??、 !、 !!

1) ? 的用法 示例&#xff1a; const obj res?.data || {}; // obj是从接口中取到的数据const dataError obj.a.b; // 若obj为空&#xff0c;则此时会报错const dataSafe obj?.a?.b; // 相当于 const dataSafe obj && obj.a && obj.a.b ? obj.a.b…

wy的leetcode刷题记录_Day80

wy的leetcode刷题记录_Day80 声明 本文章的所有题目信息都来源于leetcode 如有侵权请联系我删掉! 时间&#xff1a;2024-3-2 前言 目录 wy的leetcode刷题记录_Day80声明前言2368. 受限条件下可到达节点的数目题目介绍思路代码收获 92. 反转链表 II题目介绍思路代码收获 2368…

Redis持久化+Redis内存管理和优化+Redis三大缓存问题

Redis持久化Redis内存管理和优化Redis三大缓存问题一、Redis高可用二、Redis持久化1、RDB持久化1.1 触发条件(1) 手动触发(2) 自动触发(3) 其他自动触发机制 1.2 执行流程1.3 启动时加载 2、AOF持久化2.1 开启AOF2.2 执行流程(1) 命令追加(append)(2) 文件写入(write)和文件同步…

读书笔记-三国演义-荆州争夺

荆州争夺 赤壁之战后&#xff0c;荆州成为蜀汉、曹魏和孙吴三方争夺的焦点。刘备、曹操和孙权相继占据荆州&#xff0c;展开了一系列激烈的军事冲突和政治斗争。 赤壁之战后的荆州争夺是三国时期曹操、刘备和孙权之间的一场激烈竞争&#xff0c;是继赤壁之战后三方势力之间的…

网络编程笔记

网络编程 1.网络编程常用工具 1.扫描器 每一个网络编程者手中都有一两个用得顺手的扫描器&#xff0c;扫描器在一个老练的网络编程者手里有着相当大的作用。利用扫描器&#xff0c;网络编程者可以对某一网段的机器或是某台目标机器进行快速漏洞扫描&#xff0c;因为传统的手…

langchain学习笔记(十)

Bind runtime args | &#x1f99c;️&#x1f517; Langchain 1、有时&#xff0c;我们希望使用常量参数调用Runnable序列中的Runnable&#xff0c;这些参数不是序列中前一个Runnable的输出的一部分&#xff0c;也不是用户的输入&#xff0c;这时可以用Runnable.bind() from …

关于synchronized介绍

synchronized的特性 1. 乐观锁/悲观锁自适应,开始时是乐观锁,如果锁冲突频繁,就转换为悲观锁 2.轻量级/重量级锁自适应 开始是轻量级锁实现,如果锁被持有的时间较长,就转换成重量级锁 3.自旋/挂起等待锁自适应 4.不是读写锁 5.非公平锁 6,可重入锁 synchronized的使用 1&#…

2024家用洗地机品牌推荐!洗地机选什么牌子好?建议选择这几款

如今生活节奏加快&#xff0c;工作繁忙的上班族很少有时间做家务。即使抽出时间打扫&#xff0c;也难以保持家庭长久干净整洁。许多人听说了智能化家居神器——洗地机&#xff0c;想要入手一台。但在市场上各种洗地机层出不穷&#xff0c;很多人不知如何选择。下面是我给大家整…

掌握MyBatis:轻松解锁数据库操作的艺术

MyBatis是一款优秀的持久层框架&#xff0c;它封装了JDBC操作的很多繁琐细节&#xff0c;提供了一种相对简便的操作数据库的方法。MyBatis通过XML描述接口绑定的SQL语句&#xff0c;以及通过Java注解的方式&#xff0c;将Java对象与数据库表进行映射&#xff0c;从而简化了数据…

降低85%的gc发生率:ES的GC调优实践!

#大数据/ES #经验 #性能 ES的服务日志出现一些gc overhead现象&#xff0c;经过调优对比&#xff0c;gc发生率显著下降了85%&#xff0c;分享参数如下&#xff1a; ES的G1GC参数&#xff08;多实例&#xff09; -XX:UseG1GC -XX:MaxGCPauseMillis200 -XX:InitiatingHeapOccu…

Redis缓存双写一致性之更新策略

文章目录 1. 经典面试题2. 双写一致性3. 更新策略4. canal简介5. Redis与Mysql数据双写一致性工程落地案例 1. 经典面试题 上面的业务逻辑你用java代码如何实现&#xff1f;你只要用缓存&#xff0c;就可能会涉及到redis缓存与数据库双存储双写&#xff0c;你只要是双写&#x…

嵌入式学习day29 指针复习

1.指针&#xff1a; 1.提供一种间接访问数据的方法 2.空间没有名字,只有一个地址编号 2.指针: 1.地址:区分不同内存空间的编号 2.指针:指针就是地址,地址就是指针 3.指针变量:存放指针的变量称为指针变量,简称为指针 3.指针的定义: int *p NULL; …

MyBatis中 #{} 和 ${} 区别

Mybatis的Mapper映射文件中&#xff0c;有两种方式可以引用形参变量进行取值: #{} 和 ${}。本文将简述两种方式的区别和适用场景 取值引用 #{} 方式 #{}: 解析为SQL时&#xff0c;会将形参变量的值取出&#xff0c;并自动给其添加引号。 例如&#xff1a;当实参username&quo…