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>

相关推荐
遗憾随她而去.5 分钟前
css3的 --自定义属性, 变量
前端·css·css3
haogexiaole2 小时前
vue知识点总结
前端·javascript·vue.js
哆啦A梦15884 小时前
[前台小程序] 01 项目初始化
前端·vue.js·uni-app
小周同学@6 小时前
谈谈对this的理解
开发语言·前端·javascript
Wiktok7 小时前
Pyside6加载本地html文件并实现与Javascript进行通信
前端·javascript·html·pyside6
一只小风华~7 小时前
Vue:条件渲染 (Conditional Rendering)
前端·javascript·vue.js·typescript·前端框架
柯南二号7 小时前
【大前端】前端生成二维码
前端·二维码
程序员码歌7 小时前
明年35岁了,如何破局?说说心里话
android·前端·后端
博客zhu虎康8 小时前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海8 小时前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs