前段--A_2--HTML属性标签

第一节 HTML属性

属性定义:

在HTML中起到非常重要的作用,他们用于定义元素的行为和外观,以及与其他元素的关系。

基本语法:

<开始标签 属性名 = "属性值">

每个HTNL元素可以具有不同的属性

属性名称不区分大小写,属性值对大小写敏感

第二节 练习代码如下

内容 :链接 图片

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<a href = "https://www.baidu.com">第1次尝试--百度一下</a>

<br>

<a href = "https://www.baidu.com" target="_blank">第2次尝试--百度一下</a>

<hr>

<a href = "https://www.baidu.com" target="_parent">第3次尝试--百度一下</a>

<hr>

<a href = "https://www.baidu.com" target="_self">第4次尝试--百度一下</a>

<hr>

<a href = "https://www.baidu.com" target="_top">第5次尝试--百度一下</a>

<hr>

<img src = "./picture/A_1_log.png" alt="">

<br>

<img src="" alt = "图片加载错误"

<hr>

<br>

<img src = "https://ts1.tc.mm.bing.net/th/id/R-C.c1bf9b1414e92190f2ff58dcbcc63fe5?rik=SMCsXze34Dqcyw\&riu=http%3A%2F%2Fseopic.699pic.com%2Fphoto%2F50085%2F2259.jpg_wh1200.jpg\&ehk=OIinHBFGcM0%2BxJ0W4ho8psSYzT30Fz1CU1RMOw1%2FJgA%3D\&risl=\&pid=ImgRaw\&r=0" alt = "">

<br>

<img src = "https://ts1.tc.mm.bing.net/th/id/R-C.c1bf9b1414e92190f2ff58dcbcc63fe5?rik=SMCsXze34Dqcyw\&riu=http%3A%2F%2Fseopic.699pic.com%2Fphoto%2F50085%2F2259.jpg_wh1200.jpg\&ehk=OIinHBFGcM0%2BxJ0W4ho8psSYzT30Fz1CU1RMOw1%2FJgA%3D\&risl=\&pid=ImgRaw\&r=0" alt = "" with = "200" height="100">

</body>

</html>

第三节 显示结果

相关推荐
前端snow1 小时前
ai agent --- 切割文件 RecursiveCharacterTextSplitter
前端
松就是我902981 小时前
可编辑 PPT:调研、设计与实施方案
前端
前端snow1 小时前
ai agent --- Elasticsearch 混合检索
前端
java1234_小锋1 小时前
【技术专题】HTML5 网页技术 - HTML5 文本与排版标签
前端·html·html5
Wokoo71 小时前
Selenium:元素定位、动态适配与性能优化(二)
前端·selenium·自动化
用户2788607285671 小时前
把 restore 当撤销会发生什么?长任务助手的会话与业务状态
前端
℘团子এ1 小时前
vue3中自定义指令的使用
前端·javascript·vue.js
用户2788607285671 小时前
别把 AI 查询结果只塞进聊天框:SessionView 与业务页面接线
前端
程序员鱼皮1 小时前
Personal Agent 是什么?为什么大厂都抢着做?连 DeepSeek Bot 都来了。。
前端·后端·ai编程
用户4402818278071 小时前
一个人 + TRAE,从 0 到 1 交付一个政务志愿服务平台的全链路实战
前端