可视化-模块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">