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

第三节 显示结果

相关推荐
2601_958492556 小时前
Optimizing Engagement with Freehead Skate - HTML5 Game - Construct 3
前端·html·html5
茉莉玫瑰花茶7 小时前
工作流的常见模式 [ 1 ]
java·服务器·前端
zhangxingchao8 小时前
AI应用开发六:企业知识库
前端·人工智能·后端
山峰哥8 小时前
SQL慢查询调优实战:从全表扫描到索引覆盖的完整复盘
前端·数据库·sql·性能优化
红尘散仙8 小时前
一个 `#[uniffi::export]`,把 Rust 接进 React Native
前端·后端·rust
moshuying8 小时前
AI Coding 最大的 token 黑洞,可能根本不是 prompt
前端
红尘散仙8 小时前
一行 `#[specta::specta]`,让 Tauri IPC 有类型
前端·后端·rust
lichenyang4539 小时前
HarmonyOS HMRouter 接入记录:从普通 Tab Demo 到路由跳转
前端
木斯佳9 小时前
前端八股文面经大全:腾讯WXG暑期前端一面(2026-05-15)·面经深度解析
前端·面试·笔试