HTML总结笔记（实用）

HTML笔记
我们在学习标记语言之初,就要先认识:
标记语言有两个分类:一个是块级元素,另一个是行内元素
块级元素:独占一行,含有固定的行间距,支持宽高比
行内元素:不独占一行,不含有行间距,不支持宽高比
h1~h6 : 标题标签,块级元素
p : 段落标签,块级元素
br : 换行标签,块级元素
hr : 水平线,块级元素
em : 斜体,行内元素
strong : 加粗,行内元素
转义符:
  : 空格,常用
< : 小于号,常用
> : 大于号,常用
" : 双引号,不常用
© : 版权符号,不常用
img : 显示图像的标签,行内元素
src : 显示图像的路径
alt : 图片路径找不到时用文字代替
title : 鼠标悬浮到图片中显示的文字效果
width : 设置图片的宽度
height : 设置图片的高度
a : 超链接,行内元素
href : 链接目标地址的路径,可以是本地页面,也可以是互联网域名(俗称网址)
target : _self[在本页面打开目标地址] _blank[在新页面打开目标地址]
ul : 无序列表,块级元素
子标签li : 独占一行
ol : 有序列表,块级元素
子标签li : 独占一行
dl : 定义列表,块级元素
子标签dt : 独占一行,首集标签
子标签dd : 独占一行,子集标签
table : 声明表格,块级元素
属性:
border : 设置表格边框,以数字填充,单位: px[像素]
cellpadding : 设置单元格与内容之间的间距,也被称之为内边距
cellspacing : 设置单元格与单元格之间的间距,也被称之为外边距
tr : 子标签,标题单元格,块级元素
th : 孙子标签,标题单元格,样式文字加粗,自动居中,块级元素
td : 孙子标签,普通单元格,行内元素
属性:
width : 设置单元格宽度,以数字填充.
height : 设置单元格高度,以数字填充.
align : 设置文字显示位置,共有3个属性值left居左、right居右、center居中
bgcolor : 全称backgroundColor,设置背景颜色,table和td共有属性
colspan : 跨列,只能从左向右合并单元格,以数字填充,最小值是2
rowspan : 跨行,只能从上向下合并单元格,…
video : 视频元素,行内元素
audio : 音频元素,行内元素
属性:
controls : 视/音频播放控件
autoplay : 在页面初始加载时,自动播放视/音频
source标签 : 导入视/音频的文件标签
属性:
src : 指定视/音频的文件路径
网页的结构元素
header:标识页面头部盒子
footer:标识页面脚部盒子
section:标识页面主体盒子
article:标识页面独立内容
aside:标识页面侧边栏内容
nav:标识页面导航内容
表单:
form : 声明表单
属性:
method : 提交方式,有两个固定值,post[密文],get[明文,默认值]
action : 服务器的请求地址
input:文本输入表单
属性:
type:表单类型
值:
*text:文本
*password:密文本
*checkbox:复选框
*radio:单选框,实现单选按钮需要name属性值保持一致
file:文件域,可以弹窗选择文件
number:只可以输入数字的文本
date:日期控件
datetime-local:日期+时间控件
range:横向滑块
search:搜索,与文本框的不同点就是多了一个清空.
email:自带邮箱格式验证的文本表单
url:自带url格式验证的文本表单
*button:没有任何作用的表单
*submit:可以提交服务器地址并可以携带数据的表单,必须与form配合使用
image:与submit作用相同,并且可以用src属性设置图片替代提交按钮
*reset:重置
*hidden:必须存在并且需要隐藏的数据,用隐藏表单显示
name:作为向服务器提交表单的标识名称
value:作为向服务器提交的具体值
checked:单属性,作用:默认选中,通常单选按钮和复选按钮中使用此属性
辅助属性:
min:设置数字表单的最小值
max:设置数字表单的最大值
size:设置表单框的宽度,在css样式中不起作用
maxlength:设置表单输入的最大字符串长度
placeholder:设置文本框提示语
readonly:只读
disabled:禁用
textarea:多行文本域表单
select:下拉菜单,可以设置name
option:子标签,可以设置value