HTML
2022-03-18 11:21:41 28 举报AI智能生成
html基础知识
作者其他创作
大纲/内容
body标签属性
text：设置文字yanse
bgcolor：设置页面背景色
background：设置页面背景图片
文本
<h1>...<h6>标题标签
font标签
face设置字体
size：设置字体大小1-7
color：设置字的颜色
<p>段落标签
align设置段落对齐方式
left
right
center
<br/>换行标签
文本标签
粗体标签: b
斜体标签: i
删除线del
下划线u
水平线标签: hr
align：对齐方式，left、right、center
size：水平线粗细度
width：水平线宽度
color：水平线颜色
常见块级元素
<h1>...<h6>、p、div、hr、ol、ul
常见行级元素
a、span
列表
有序列表ol
type属性
1：阿拉伯数字1,2,3
a：小写英文字母a、b、c
A：大写英文字母A、B、C
i：小写罗马数字i、ii、iii
I：大写罗马数字|、||、|||
start序列从几开始
无序列表ul
type属性
disc：实心圆（默认值）
circle：空心圆
square：正方形
注意：ul的子元素只能是li，不能是其他元素
注意：ul元素内部的文本，只能在li元素内部添加
表格
table标签
caption：表格标题
tr：表格行
th：表头单元格
td：表格单元格
thead：表头、tbody：表身、tfoot：表脚
合并行：rowspan
合并列：colspan
内边距：cellpadding——撑大表格
外边距：cellspacing——消除单元格间空隙
图片
src
图片路径
alt
提示文字，描述图片给搜索引擎看的
tltle
描述图片给用户看，鼠标悬停时显示的提示性文字
width 图片的宽度
height 图片的高度
border 用于设置图片的边框
align 相对于附件文字的图片对齐方式
left：把图像对齐到左边
right：把图像对齐到右边
middle：把图像与中央对齐
top：把图像与顶部对齐
bottom：把图像与底部对齐（默认）
超链接
a标签
href
链接地址
target属性
_self
默认值，在原来的窗口打开链接
_blank
在新窗口打开链接
表单
form标签属性
name
表单名称
提交方式
post(安全性好)
get
action
提交地址
target
打开方式(与a标签属性一样)
enctype
编码方式
input属性
text
单行文本框
value
设置文本框默认显示的文字
size
设置文本框的长度
placeholder
提示文本
maxlength
文本框中最多输入的字符数
password
密码文本框
value
设置文本框中默认显示的文字
size
设置文本框的长度
maxlength
文本框中最多输入的字符数
radio
单选框
name
type
value
checked
label
连接文本和文字
checkbox
多选框
含有checked代表该项为默认选择项
button
普通按钮
reset
重置按钮
submit
提交按钮
file
文件上传
placeholder
占位符
textarea
多行文本框
rows=行数
cols=列数
value=取值
select
option
selected
是否选中
value
选项值
frameset框架（与body不能同时存在）
fram
语义化标签
section标签：表示页面中的内容区域，部分，页面的主体部分
article标签：文章
aside标签：表示在article之外的，与article内容相关的辅助信息。可以存放一些图文和次要信息。
header标签：头部，页眉，页面的顶部
hgroup标签：内容与标题的组合
nav标签：导航
figure标签：图文并茂
footer：页脚，页面的底部
0 条评论
下一页
