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

第三节 显示结果

相关推荐
吃糖的小孩36 分钟前
从只读页面到可控真实探针:我如何给 Owner Console 加手动诊断
前端
谷无姜36 分钟前
为什么你的性能优化无效?可能是"木桶效应"在作祟
前端·性能优化
雾非雾39 分钟前
《基于具身交互智能数字人技术:如何打造AI数字人宣讲平台"红厅智播”》
前端
Revolution611 小时前
一段 JavaScript 代码执行时,到底发生了什么
前端·javascript
智能起源1 小时前
关于元素层级过多,导致压祯的问题(使用winform或者WPF应用的webview组件嵌套网页时,动效卡顿问题)
前端
Old Uncle Tom2 小时前
银行用户画像 -- 金融目标与需求意图
前端·人工智能·金融
shandianchengzi2 小时前
【开源工具】我做了一个周深歌曲淘汰赛生成器:挑选 128 首歌 PK,选出你的年度 TOP1
html·音乐·网页·世界杯
IT_陈寒2 小时前
Vue的响应式让我加班到凌晨3点,原来问题出在这
前端·人工智能·后端
东方小月2 小时前
从0开发一个 Coding Agent(一):前言
前端·人工智能·typescript