当前位置: 首页 > web >正文

可视化-模块1-HTML-03

1.发现问题

<p>大数据可视化技术及应用课程</p>
<img src="pic/图片2.png" width="300" height="300"/>

<p></p>

<img />

HTML 标签按闭合方式只分两类:

  1. 双标签(paired / container):成对出现,有开始标签和结束标签,用来包裹内容。

  2. 单标签(void / empty element):只有开始标签,没有结束标签,也不包裹任何内容。

1. 双标签

必须写一对:<开始> 内容 </结束>

2. 单标签

只有开始标签,没有 </>,也没有“内容”可写

HTML5 推荐写法末尾带 / 可省略,但写上更直观

2-属性

HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"
<a href="https://www.baidu.com">href 属性</a>

2-1-尝试1

<a>不加href会怎么样?</a>

2-2-尝试2

<a href="index.html">href链接本地网页</a>

3-href和src

href(用于 <a><link> 元素):指定链接的目标 URL。

<a href="https://www.example.com">Visit Example</a>

src(用于 <img>, <script>, <iframe> 等元素):指定外部资源的 URL。

<img src="image.jpg" alt="An example image">
http://www.xdnf.cn/news/18786.html

相关文章:

  • 基于SpringBoot的美食分享平台【2026最新】
  • 构建wezzer平台!
  • Indy HTTP Server 使用 OpenSSL 3.0
  • 知识蒸馏 Knowledge Distillation 1. 监督式微调(SFT):极大似然是前向 KL 的特例
  • Grafana k6 性能测试
  • 深度模块化剖析:构建一个健壮的、支持动态Cookie和代理的Python网络爬虫
  • 保姆级Maven安装与配置教程(Windows版)
  • 基于 MATLAB 的信号处理实战:滤波、傅里叶变换与频谱分析
  • 从文本树到结构化路径:解析有限元项目架构的自动化之道
  • 服务器硬件电路设计之 SPI 问答(四):3 线 SPI、Dual SPI 与 Qual SPI 的奥秘
  • Leetcode 3660. Jump Game IX
  • k8sday16调度器
  • MSF基础知识
  • Java 内存模型(JMM)与并发可见性:深入理解多线程编程的基石
  • Java:HashMap的使用
  • K8s 实战:六大核心控制器
  • 什么是 Nonce?
  • 电力电子simulink练习10:反激Flyback电路搭建
  • Linux 的 TCP 网络编程常用API
  • 图像均衡化详解:从直方图均衡到 CLAHE,让图片告别 “灰蒙蒙“
  • 高数 不定积分(4-3):分部积分法
  • 使用虚幻引擎5(UE5)开发类似《原神》的开放世界游戏:从技术架构到实践指南
  • 内网后渗透攻击--域控制器安全(1)
  • 单表查询-分析函数的应用
  • 重置MySQL数据库的密码指南(Windows/Linux全适配)
  • 在 Ruby 客户端里用 ES|QL
  • WSL-linux部署IndexTTS 记录(含本地 CUDA/cuDNN 编译依赖说明)
  • 鸿蒙 ArkTS 开发:Number、Boolean、String 三种核心基本数据类型详解(附实战案例)
  • 夜间跌倒检测响应速度↑150%!陌讯多模态骨架追踪算法在智慧养老院的落地实践
  • 手写MyBatis第32弹-设计模式实战:Builder模式在MyBatis框架中的精妙应用