<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML第一课</title>
</head>
<body>
<!-- img图像显示 默认图片大小 -->
<!-- src:是文档的地址
width【宽度】:设置宽度 等比例缩放
height【高度】:
alt:图片发生意外（百分之90以上 是 地址错误）
title:标题
id名字 唯一 :不会在浏览器上显示
class名字 不唯一 :
注意：一般情况下只设置宽度
-->
<img src = "屏幕截图 2024-10-17 194356.png"
alt = "图片未加载"
width = "500"
title = "英雄联盟"
id = "序列01">
<!--超（视频 音频 文本 文档 ） 链接 如果要访问另外一端的话（点击）
href：地址
target:访问方式 _blank：打开一个新的网页访问
锚点（使用少）
使用： # + id名
-->
<a href = "屏幕截图 2024-10-17 194356.png"
id = "序列02"
target = "_blank"
class = "序列02"
>
点击此外查看图片
</a>
<a href = "#序列01">回到图片</a>
<!--容器标签
（划分地盘）div（没有这实际的意义） + css 布局
span : 文本容器
-->
<div>我是div1</div>
<div>我是div2</div>
<span>我是span</span> <span>我是span1</span> <span>我是span2</span>
<!--结构类型标签
ul li ol
ul:是无序列表 type="none" 可以消除前面的黑点
ol:是有序列表
-->
<ul type="none">
<li></li>
<li></li>
<li></li>
</ul>
<ol type="none">
<li></li>
<li></li>
<li></li>
</ol>
<!--文本类型标签
文本类型标签:
p b i s u
p : 段落标签 或 文本标签 只能放文本
b : 文本加粗
i : 文字斜体
s : 文字删除线
u : 下划线
-->
<p>123</p>
<p>123</p>
<b>文本加粗</b>
<i>文字斜体</i>
<s>文字删除线</s>
<u>下划线</u>
<!--<div style = "height: 10000px"></div>-->
</body>
</html>