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

#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>

相关文章:

  • 新闻采访与写作的技巧
  • spring boot 修复 Spring Framework URL解析不当漏洞(CVE-2024-22243)
  • LeetCode第125场双周赛个人题解
  • 飞天使-学以致用-devops知识点4-SpringBoot项目CICD实现(实验失败,了解大概流程)
  • mysql 常用命令练习
  • 初识C语言—常见关键字
  • NLog条件配置——实现将包含某个特定字符串日志写入指定文件
  • 蓝桥杯备战刷题three(自用)
  • MapStruct 教程
  • 【Java面试题】SpringBoot与Spring的区别
  • Programming Abstractions in C阅读笔记:p308-p311
  • 暗九之凶险,更甚于明九
  • K8S部署postgresql
  • Node.js_基础知识(CommonJS模块化)
  • Hololens 2应用开发系列(1)——使用MRTK在Unity中设置混合现实场景并进行程序模拟
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • Android 初级面试者拾遗(前台界面篇)之 Activity 和 Fragment
  • IDEA常用插件整理
  • Java 网络编程(2):UDP 的使用
  • Java-详解HashMap
  • js 实现textarea输入字数提示
  • maven工程打包jar以及java jar命令的classpath使用
  • miaov-React 最佳入门
  • Redux系列x:源码分析
  • Shadow DOM 内部构造及如何构建独立组件
  • Vue.js-Day01
  • Zepto.js源码学习之二
  • 安装python包到指定虚拟环境
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 七牛云 DV OV EV SSL 证书上线,限时折扣低至 6.75 折!
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 在weex里面使用chart图表
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • Prometheus VS InfluxDB
  • #laravel 通过手动安装依赖PHPExcel#
  • (八)Spring源码解析:Spring MVC
  • (二)windows配置JDK环境
  • (附源码)springboot优课在线教学系统 毕业设计 081251
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (四)库存超卖案例实战——优化redis分布式锁
  • (一)appium-desktop定位元素原理
  • (一)Spring Cloud 直击微服务作用、架构应用、hystrix降级
  • .equals()到底是什么意思?
  • .NET CF命令行调试器MDbg入门(一)
  • .Net Core webapi RestFul 统一接口数据返回格式
  • .NET Framework .NET Core与 .NET 的区别
  • .NET Framework 和 .NET Core 在默认情况下垃圾回收(GC)机制的不同(局部变量部分)
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .vue文件怎么使用_我在项目中是这样配置Vue的
  • @ 代码随想录算法训练营第8周(C语言)|Day53(动态规划)
  • [CareerCup] 6.1 Find Heavy Bottle 寻找重瓶子
  • [exgcd] Jzoj P1158 荒岛野人