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

第三节 显示结果

相关推荐
xiaofeichaichai19 分钟前
React Hooks
前端·javascript·react.js
问心无愧051340 分钟前
ctf show web入门110
前端·笔记
拉拉肥_King1 小时前
Vue 3 主题切换深度解析:从炫酷动画到零闪烁方案
前端·vue.js
excel1 小时前
为什么 Pinia + localForage 持久化后,页面初始化拿不到数据?
前端
雨雨雨雨雨别下啦1 小时前
vant介绍
前端
小小小小宇1 小时前
大模型失忆问题探讨
前端
wordbaby1 小时前
rn-cross-calendar:一个兼容 React 18/19、RN/RNOH 的跨平台日历组件
前端·react native·harmonyos
weixin_523185321 小时前
Collections.unmodifiableMap详解:真的不可修改吗?
java·linux·前端
江米小枣tonylua1 小时前
关掉 VSCode:在 NeoVim12 上配置 Claude Code
前端·程序员
2301_773643621 小时前
ceph镜像
前端·javascript·ceph