语法规则:
1、不区分大小写
2、固定标签
3、标签成对出现,单标签
4、标签可以嵌套使用
5、属性的值必须使用双引号
HTML中属性,一般不建议使用,如:
属性名称固定,属性的值都需要使用双引号
网页中颜色:
1、rgb(r,g,b)
2、#xxxx
3、英文单词
网页中单位:
1、数字或数字px
2、数字%:占用屏幕的比例
网页中注释
路径:
1、相对路径
不带盘符的路径,相对,一般都是相对当前项目
2、绝对路径
带盘符的路径,又叫物理路径
一、文档标签:
1、<!DOCTYPE> 该标签告知浏览器文档所使用的 HTML 规范
2、标签告知浏览器这是一个 HTML 文档。
html 元素是 HTML 文档中最外层的元素。
html 元素也可称为根元素
3、不会出现在网页正文中
4、出现在可以标记编码格式、刷新、作者、描述、搜索关键字等
5、网页正在内容
常用标签都是出现在中
二、文字标签
1、出现在中,网页标题
2、标题,从1-到6逐渐变小
3、 规定文本的字体、字体尺寸、字体颜色
三、列表标签
1、无序标签,前面没有序号,属性:type:可以更改列表签名的符号
2、列表中元素标签
3、有序标签,前面有序号,属性:start:起始的值,type:类型,数字、字母等
四、块标签
1、行内块标签
2、段落,默认换行
3、块,将网友分割成若干部分,常用属性:align:对齐方式,left\right\center
五、表格标签
1、表格,一般有行和列组成
常用属性:
1、width:宽度
2、border:边框的宽度
3、bgcolor:背景色
4、cellspacing:表格之间的间距–外边距
5、cellpadding:表格内容的间距–内边矩
2、:行,内部只能出现或<
常用属性:
1、align:对齐方式,内部元素的对齐
3、列的标题,出现在tr中,表头单元格
4、列,数据单元格
常用属性:
1、colspan:跨列,切记要包含自己
2、rowspan:跨行
th和td的区别?
th就是内部文字:加粗、居中
td内部文字正常。居左
5、表格的标题
6、表格的头部,一般内部存放
7、表格的内容,一般存储数据
8、表格的底部
六、表单标签
1、:表单标签,可以搜集用户的信息并提交给指定的服务器
2、:用户输入标签
常用属性:
1、type:类型
取值:
text:文本框
password:密码框
checkbox:复选框,可以选择多个
radio:单选框,只能选择其一,但是要求拥有相同的name
button:按钮
submit:提交,结合表单,将表单内的数据提交给action
reset:重置,结合表单,清空表单的内容
2、name:为当前的标签命名,将来获取标签数据时,会用到
3、class:为当前标签起个类名,主要用在CSS中
4、value:值,标签的值,主要用在按钮上
5、checked:是否选中,h4支持checked,h5支持true或false
3、:下拉框,实现多个元素的单选或复选,需要结合使用
标签会默认显示其所包含的标签中第一个的内容
常用属性:
multiple:是否多选
name:名称
disabled:是否可用
4、文本域,可以输入多行和多列数据
常用属性:
1、rows:行数
2、cols:列数
七、图像&超链接标签
1、图片
常用属性:
1、alt:鼠标进入时的文字
2、src:加载的图片路径
3、width:设置图片的宽度
4、height:设置图片的高度
2、超链接标签,可以跳转到指定的(可以是相对路径的本地文件)
常用属性:
1、href:要打开的路径
2、name:名称
八、框架标签
1、框架集合标签,主要用来包括框架的标签
常用属性:
1、cols:内部框架按照宽进行排布
2、rows:内部框架按照高度进行排布
2、框架,引用其他网页
常用属性:
1、src:要加载的路径
2、scrolling:滚动条的样式,取值:yes 、no 、auto
九、HTML的特殊字符
1、
2、
3、空格
4、版本编号 ——?
十、H5新增标签
1、视频,可以在网页播放视频
格式:
2、音频
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口宽度
height 设置播放窗口的高度
3、画布,切记画布需要结合js使用
4、
定义页面的头部 页眉
定义导航栏
定义 页面底部 页脚
定义文章
定义区域
定义其所处内容之外的内容 侧边
5、新增的input type属性值:
email
输入邮箱格式
tel
输入手机号码格式
url
输入url格式
number
输入数字格式
search
搜索框(体现语义化)
range
自由拖动滑块
time
小时分钟
date
年月日
datetime
时间
month
月年
week
星期 年
6、fieldset 元素可将表单内的相关元素分组,打包 legend 搭配使用
标签
form表单的get提交和post提交的区别
HTTP协议的get请求和postde 区别
get:得到,将传递的参数随着url进行传输
特点:
1、大小有限制
2、不安全,拼接url
3、中文乱码,url编码为ISO-8859-1(不支持中文)
4、效率高
post:传输,将传递的参数以流的形式传输
特点:
1、大小无限制
2、安全
3、乱码好解决
4、效率低
十一、其他标签
1、换行
2、分割线
3、一个空格
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery