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>

相关推荐
musk12123 分钟前
electron 打包太大 试试 tauri , tauri 安装打包demo
前端·electron·tauri
万少1 小时前
第五款 HarmonyOS 上架作品 奇趣故事匣 来了
前端·harmonyos·客户端
OpenGL1 小时前
Android targetSdkVersion升级至35(Android15)相关问题
前端
rzl021 小时前
java web5(黑马)
java·开发语言·前端
Amy.Wang1 小时前
前端如何实现电子签名
前端·javascript·html5
今天又在摸鱼1 小时前
Vue3-组件化-Vue核心思想之一
前端·javascript·vue.js
蓝婷儿1 小时前
每天一个前端小知识 Day 21 - 浏览器兼容性与 Polyfill 策略
前端
百锦再2 小时前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
jingling5552 小时前
面试版-前端开发核心知识
开发语言·前端·javascript·vue.js·面试·前端框架
拾光拾趣录2 小时前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css