HTML(1)

最新推荐文章于 2024-06-16 08:26:40 发布

自律哥布林

最新推荐文章于 2024-06-16 08:26:40 发布

阅读量41

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_74120587/article/details/131598978

版权

html骨架

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

标题标签

…

数字越变越大，字体越变越小

段落标签

<p></p> 行与行分开

换行标签,水平线标签

文本格式化标签

<b></b> <strong></strong> 加粗文字

<i></i> <em></em> 文体倾斜

<small></small> 小号字体

<ins></ins> 加下划线

<del></del> 删除字

无语意标签

<div></div> 一行只有一个

<span></span> 一行可以有多个

图片标签

img ：没有结束标签必须有属性src

src：指向图片地址可以是网络地址也可以是本地地址

src ：路径 ./代表当前HTML同级目录 ../代表当前HTML所阿紫路径的上级路经

alt ：属性当图片加载失败时展示的文本

width ：是宽度

height：是高度

视频标签

<video> 标签：块级标签，用于放置视频。

src 属性——视频文件网址。

width、height 属性——播放器宽、高，单位像素。

poster 属性——封面图片URL。

preload 属性——规定是否在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性。（auto - 当页面加载后载入整个视频、meta - 当页面加载后只载入元数据、none - 当页面加载后不载入视频）

controls 属性——播放器是否显示控制栏。

autoplay 属性——视频是否自动播放。

loop 属性——视频是否循环播放

muted 属性——视频是否静音。

音频标签

<audio> 标签：音频标签，块级标签，其属性与<video> 标签基本一致。

链接标签

1、href属性填写超链接跳转的地址

2、target属性控制超链接打开的方式

_self 在当前页面打开跳转的超链接,未设置时默认为_self

_blank 新开页面打开超链接

锚链接

锚点功能

将href的属性值设置 # 即可

去任意位置

在想去的位置打一个标记,即给一个ID属性

在herf属性中herf="#+id"

有序列表

有序列表用ol创建，li表示列表项

无序列表

无序列表用ul创建 li表示列表项

自定义列表

定义列表用dl创建，dt下定义 dd解释定义

Iframe框架

height可以设置框架显示的高度
width可以设置框架显示的宽度
name可以定义框架的名称
frameborder用来定义是否需要显示边框，取值为1表示需要边框
scrolling用来设置框架是否需要滚动条，取值可以是yes,no,auto
src用于设置框架的地址，可以使页面地址，也可以是图片地址
align用于设置元素对齐方式，取值可以是left，right，top，middle，bottom

特殊字符

HTML 原代码	显示结果	描述
<	<	小于号或显示标记
>	>	大于号或显示标记
&	&	可用于显示其它特殊字符
"	“	引号
®	®	已注册
©	©	版权
™	™	商标
&ensp;		半个空白位
&emsp;		一个空白位
		不断行的空白


´	´	©	©	>	>	µ	µ	®	®
&	&	°	°	¡	¡			»	»
¦	¦	÷	÷	¿	¿	¬	¬	§	§
•	•	½	½	«	«	¶	¶	¨	¨
¸	¸	¼	¼	<	<	±	±	×	×
¢	¢	¾	¾	¯	¯	“	"	™	™

€	€	£	£	¥	¥

„	&bdquo;	…	…	·	·	›	&rsaquo;	ª	ª
ˆ	&circ;	“	“	—	—	’	’	º	º
†	&dagger;	‹	&lsaquo;	–	–	‚	&sbquo;	”	”
‡	&Dagger;	‘	‘	‰	&permil;			˜	&tilde;

≈	≈	⁄	&frasl;	←	←	∂	∂	♠	&spades;
∩	∩	≥	≥	≤	≤	″	″	∑	∑
♣	&clubs;	↔	↔	◊	&loz;	′	′	↑	↑
↓	↓	♥	&hearts;	−	−	∏	∏	‍	&zwj;
♦	&diams;	∞	∞	≠	≠	√	√	‌	&zwnj;
≡	&equiv;	∫	∫	‾	&oline;	→	→

α	α	η	η	μ	μ	π	π	θ	θ
β	β	γ	γ	ν	ν	ψ	ψ	υ	υ
χ	χ	ι	ι	ω	ω	ρ	ρ	ξ	ξ
δ	δ	κ	κ	ο	ο	σ	σ	ζ	ζ
ε	ε	λ	λ	φ	φ	τ	τ

Α	Α	Η	Η	Μ	Μ	Π	Π	Θ	Θ
Β	Β	Γ	Γ	Ν	Ν	Ψ	Ψ	Υ	Υ
Χ	Χ	Ι	Ι	Ω	Ω	Ρ	Ρ	Ξ	Ξ
Δ	Δ	Κ	Κ	Ο	Ο	Σ	Σ	Ζ	Ζ
Ε	Ε	Λ	Λ	Φ	Φ	Τ	Τ	ς	&sigmaf;