文件标签
文件标签html、head、title、body。html5使用<!DOCTYPE html>表示html文档,meta的charset指定字符集。<!-- -->注释
文本标签h1--h6(标题标签),p(段落),br(普通回车解析为空字符),hr(水平线,color颜色,width宽度,size高度,alien对其方式[center left right]),b(加粗),i(斜体),font(字体,color颜色、size大小、face字体)
标签属性中,color颜色表示:可以用red等,建议#值1值2值3(红绿蓝)(取色器)。width表示:数值(px),百分号(占比,相对父元素)。center标签,居中。
特殊字符,对应的字符编码表。手册-->符号。
图片标签img <img />自闭合(src路径[相对路径即可],alien[部分不支持],alt加载失败显示,width宽,height高)。
列表标签:有序ol(order list,属性type更换样式,start起始位置)、li(每一项)。无序列表ul(unorder list,type),li(每一项)。
链接标签:a标签(属性href跳转URL[本地或网络](mailto:xxx@qq.com选项启动本地邮件),target属性_self本页面打开_blank新建选项卡)
块标签:span(包裹作用,默认无效果,默认不换行一行),div标签,自动换行。
语义化标签:header,footer,用来提高程序可读性,结合css使用。(html5)。
表格:只有行的概念。table定义表格(border线宽,width宽度,cellpadding边沿内容间空白,cellspacing单元格间空白,bgcolor背景色,alien对齐),tr定义行(颜色,对其方式),td定义行内单元格(rowspan行合并,colspan列合并,以第一个行单元格写入),th定义表头单元格。
caption表格标题。thead,tbody,tfoot(类似语义化标签,有位置定义作用,非html5)。
表单标签
表单标签:form标签定义表单(action提交地址,method提交方式[7种,get请求参数在地址栏显示,请求参数长度有限制,安全低 post请求参数封装到请求体中,请求参数无限制,安全高]),
input标签(type类型(text文本输入[placeholder提示信息],password密码输入,radio单选框[name属性一致一组,不同value,checked默认选中],checkbox复选框(也指定name和value,checked默认选中),value值,name属性指定的标签数据才能提交),
file选中文件,hidden隐藏域,看不到但会提交,submit提交,image图片提交按钮,button普通按钮,color取色器,date日期,datetime-local日期和时间,email邮箱(带校验),number数字(校验)。
select下拉列表(定义name),option选项(定义value)selected默认选中,
textarea文本域(clos列数,rows行数,定义name)
label便签(for属性和input的id属性对应,让input输入框获取焦点(套入输入框的提示文本)),指定输入项的描述信息。
CSS样式表
CSS(Cascading Style Sheet层叠样式表),
内联样式:在标签内使用style属性,每个键值对使用:,之间使用;隔开。
内部样式:在head标签中定义style标签。style标签内,写入css代码。
外部样式:在css文件中写入css代码,使用link标签(href路径属性,rel样式)引入css代码。也可以通过style标签中写入的@import引入css文件。
css格式: 选择器{属性:属性值;xxx:xxx;}。
选择器:基础选择器:id选择器(#id属性值{},优先级高于元素选择器),元素选择器(标签名{}),类选择器(.名称{},使用标签的class属性调用,高于元素选择器,低于id选择器)。
拓展选择器:*表示选择所有元素,并集选择器(选择器1,选择器2{}),子选择器(选择器1 选择器2{}选择元素1下的元素2),父选择器(父标签 > 子标签{},作用于父标签)
属性选择器(元素名[属性名=属性]{},选中有该属性的标签),伪类选择器,选择一些元素具有的状态,格式如:XXX(如a等标签):输入关键字(如link初始化状态,visited访问过,hover悬浮,active正在访问等属性){}
常用属性:字体font,font-size大小,color颜色,text-alien对其方式,line-height行高,border复合属性(定义大小)
边框,border(宽度,线性,颜色等),height高,width宽。background复合属性(图片路径,是否重复,位置,等),border-radius设置圆角。vertical-alien垂直样式,
盒子模型:控制布局。margin外边距(复合属性,auto居中)(相对于当前的对象),padding内边距(相对于当前的对象)。默认情况下内边距会影响盒子大小(box-sizing:border-box使得大小为最终大小)。
float浮动:多个div设置浮动,使得div在一行展示,属性有left,right,center等。