HTML的常用标签

<!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>

相关推荐
mCell9 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip9 小时前
Node.js 子进程:child_process
前端·javascript
excel12 小时前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel13 小时前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼15 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping15 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙16 小时前
[译] Composition in CSS
前端·css
白水清风16 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix16 小时前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户221520442780016 小时前
new、原型和原型链浅析
前端·javascript