前段--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>

第三节 显示结果

相关推荐
Nicander25 分钟前
我给 Excalidraw 做了一个本地工作区:DrawSpace
前端·开源
linux_cfan2 小时前
17 · 引擎适配器全景:HLS/DASH/Vimeo/Mux/Cast
前端·javascript·音视频
计算机魔术师3 小时前
烧掉2780亿美元还不够?OpenAI的资本豪赌让人头皮发麻
前端
IT_陈寒3 小时前
Java线程池用错参数,我的服务居然悄悄崩溃了
前端·人工智能·后端
卡布鲁4 小时前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
子非鱼a4 小时前
【XSS】乌托邦·王的实验室
html·xss
碳基修炼4 小时前
排查记:本地 devServer 是 http,浏览器却把 302 重定向升级成了 https
前端·http
步行cgn4 小时前
Spring p 命名空间注入详解
java·前端·spring
何何____4 小时前
Vue 生命周期详解
前端·javascript
江米小枣tonylua4 小时前
TypeScript 全面の拥抱 !Prisma 8 + Electron 升级实战
前端