导图社区 HTML所有元素一览
说明,元素、元素的属性、属性的值使用文字的颜色进行区分。黑色文字表示元素的名称、元素节点下的属性用红色文字表示、属性下的蓝色节点表示该属性可取的值。很精简,也很抽象,理解了就可以查的很快。
编辑于2024-11-21 10:31:17说明,元素、元素的属性、属性的值使用文字的颜色进行区分。黑色文字表示元素的名称、元素节点下的属性用红色文字表示、属性下的蓝色节点表示该属性可取的值。很精简,也很抽象,理解了就可以查的很快。
这是一篇关于docker的思维导图,主要内容包括:volume,plugin,network,container,image。
这是一篇关于Python基础的思维导图,主要内容包括:11-测试代码,10-文件和异常,9-类,8-函数,7-用户输入和while,6-字典,5-if语句,4-操作列表,3-列表简介,2-变量及数据类型,1-起步。
社区模板帮助中心,点此进入>>
说明,元素、元素的属性、属性的值使用文字的颜色进行区分。黑色文字表示元素的名称、元素节点下的属性用红色文字表示、属性下的蓝色节点表示该属性可取的值。很精简,也很抽象,理解了就可以查的很快。
这是一篇关于docker的思维导图,主要内容包括:volume,plugin,network,container,image。
这是一篇关于Python基础的思维导图,主要内容包括:11-测试代码,10-文件和异常,9-类,8-函数,7-用户输入和while,6-字典,5-if语句,4-操作列表,3-列表简介,2-变量及数据类型,1-起步。
html
head
meta
charset
"GB2312"
"GBK"
"UTF-8"
name
"viewport"
"Keywords"
"Description"
title
body
div
ul
unordered list ol标签内只能包含li标签
li
list item
type
"circle"
"disc"
"square"
ol
ordered list ol标签内只能包含li标签
li
list item
type
指定编号的显示方式
"a"
"A"
"i"
"I"
"1"
start
指定编号的起始值
[0-9]+
reveresd
倒序显示
dl
definition list
dt
data term
dd
data definition
dt和dd标签交替出现
p
h
h1
通常一个网页只有1个h1标签
h2
h3
h4
h5
h6
img
image 图片本质上没有被插入到网页中,只是引入到了网页中。
src
source
引入图片的文件名
alt
alternate
图像的文本描述
如果无法显示图像,那么浏览器会显示alt属性的内容。 网页朗读器也会朗读alt属性的内容。
width
图片宽度
默认单位为像素(px),如果省略height属性的情况下使用width,将会等比例缩放图片。
height
图片高度
默认单位为像素(px),如果省略width属性的情况下使用height,将会等比例缩放图片。
a
anchor
href
hypertext reference
要跳转的位置
"url"
title
悬停提示文本
"text"
target
"blank"
新的空白页打开
audio
controls
显示播放控制按钮
autoplay
自动播放
loop
循环播放
src
"any media url"
video
src
"any media url"
controls
显示播放控制按钮
loop
循环播放
autoplay
自动播放
section
文档的区域,语义比div大
article
文档核心内容
aside
文档的非必要内容(广告等)
nav
导航条
header
页头
main
网页核心部分
footer
页脚
span
区块
b
加粗
u
下划线
i
倾斜
strong
特别重要
em
强调
mark
高亮
figure
独立单元
如建议读者拓展视野的图片等,把这部分转移到附录中或者其他页面时不会影响主体。
figcaption
说明文字
form
action
"url"
method
“post”
"get"
input
type
"text"
单行文本框
value
默认值
"any string"
placeholder
提示文本
"any string"
list
"datalist-id"
"radio"
单选按钮
name
同一name值的选项互斥
"any string"
value
该选项选中时要提交的值
"any string"
checked
默认选中
"checkbox"
复选框
checked
默认选中
name
一组复选框应有同一name值
"any string"
value
该选项选中时要提交的值
"any string"
"password"
密码框
"button"
普通按钮
value
按钮上显示的文本
"any string"
"submit"
提交表单按钮
value
按钮上显示的文本
"any string"
"reset"
重置表单
value
按钮上显示的文本
"any string"
"color"
"email"
"file"
"number"
min
max
"range"
min
max
"search"
"url"
"date"
"time"
"image"
disabled
required
textarea
多行文本框
rows
限制显示行数
"unsigned integer"
cols
限制显示列数
"unsigned integer"
select
select标签内只能包含option标签。
下拉选择框
option
value
"any value"
"readable string"
selected
label
包裹input绑定label中的文字
input
for
在HTML4版本中使用for属性,令for属性等于input控件的id来进行绑定的。
"id"
datalist
option
value
"any value"
id
"any string"
中心主题
红色:属性或与该属性规则相同的值 蓝色:可选值 绿色:合法的值的类型
background
background-color
设置元素的背景色。
color_name
颜色名称
hex_number
颜色值
rgb_number
rgb 代码
transparent
透明(默认)
inherit
从父元素继承
background-position
背景图像的开始位置
top
left
center
right
center
left
center
right
bottom
left
center
right
如果只给了第1个值, 第2个值默认为"center"。
x%
y%
第一个值是水平位置,第二个值是垂直位置。 如果只给了第1个值,第2个值默认为"50%"。
xpos
ypos
第一个值是水平位置,第二个值是垂直位置。 可以是任何CSS允许的单位。
background-size
规定背景图像的尺寸。
width
height
auto
第一个值设置宽度,第二个值设置高度。 如果只给了第1个值,第2个值默认为"auto"。 可以是CSS允许的单位,包括%。
cover
使背景图像完全覆盖背景区域
contain
使背景图像的宽度和高度适应内容区域
background-repeat
背景图像如何重复
repeat
在垂直方向和水平方向重复
repeat-x
在水平方向重复
repeat-y
在垂直方向重复
no-repeat
仅显示一次
inherit
从父元素继承
background-origin
在何处放置背景图像
padding-box
相对于内边距框来定位
border-box
相对于边框盒来定位
content-box
相对于内容框来定位
background-clip
规定背景的绘制区域。
border-box
裁剪到边框盒
padding-box
裁剪到内边距框
content-box
裁剪到内容框
background-attachment
是否与页面一起滚动
scroll
随页面其余部分滚动
fixed
不会移动
inherit
从父元素继承
background-image
设置元素的背景图像。
url('URL')
指向图像的路径
none
没有背景图像
inherit
从父元素继承
inherit
继承父元素的background
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-collapse
border-color
border-radius
border-spacing
border-style
animation
animation-name
要绑定的keyframe名称
animation-duration
完成动画所用的时间
animation-timing-function
规定动画的速度曲线
animation-delay
动画开始前的延迟
animation-iteration-count
动画播放的次数
n
播放次数
infinite
无限次播放
animation-direction
动画的方向
@keyframe
定义关键帧
from
style
to
style
0%
100%