- 表单
作用:收集用户信息
表单的组成:表单域form 表单控件input 提示信息label
表单域form属性及属性值
<form action="" method="" name="" target=""></form>
表单名称 name
表单的提交方式方法method=”get默认/post”
【get与post的区别】
Get:从服务器上获取数据,会将用户名密码放置在地址栏,安全性低 ,效率高,用于数据查询
Post:向服务器上传数据,安全性高,效率低,一些机密性高的使用
表单的提交路径 action=“地址”
表单提交是否在当前窗口 target=”_blank”
表单控件input的type类型
文本框 text
密码框 password
普通按钮 button
提交按钮是submit(<button></button>)
重置按钮 reset
单选按钮 radio (要想实现单选需要每一组添加相同的name)
复选框 checkbox
所有的input 都可以添加name和value属性
Input 里可以设置的属性
类型 : type (必有)
名称:name
默认值 :value
禁用 : disabled
默认选中状态 : checked (单选按钮或复选框)
最多可以输入的字符数 : maxlength
设置文本框大小 : size
注意事项:如果没有form不影响最终显示效果,影响某些按钮的功能比如提交按钮 重置按钮
下拉菜单:<select><option></option></select>
多行文本域:<textarea></textarea>
- Html的注释
作用:写给开发人员去看的内容,前台页面不会显示
<!--注释内容--> 快捷键crtl+/
- 认识css
Css:层叠样式表
作用(好处):弥补html本身标签的不足,减少冗余代码,减小文件体积,减少网络带宽占有,提高页面加载速度,提高用户体验度;
提高网页的改版速度(对页面重构有很好的支持);
有利于SEO
- Css的基本语法
Css由两部分组成:选择器和声明,其中声明又包含属性和属性值
选择器{属性:属性值;}
注意:花括号里边的都叫做声明;属性和属性值用冒号连接分号结束;
一个选择器可以有多个属性,属性不分先后顺序;
最后一个属性值的结束分号可以省略,但是不建议省略;
- Css的样式表
内部样式表:写在head与head之间用<style>css语法</style>
外部样式表:
内联(内嵌、行内)样式表:
- css选择器
- 标签选择器
Html标签名称{属性:属性值;}
作用:用于统一网页某一个标签的样式,统一更改网页中某一类标签的默认样式
- Id选择器
#id名称{属性:属性值;}
注意:一个标签只能存在一个id选择器
Id选择器需要引用才能生效 在标签里写id=“id名称”
Id起名时最好不要使用关键字(例如html标签)
作用:搭建网页外围结构
- 通配符选择器
*{属性:属性值;}
*{margin:0; padding:0;}
作用:用于重置网页默认样式
- 伪类选择器
超链接的四个顺序(link visited hover active)
初始状态link
点击过后visited
鼠标划上hover(所有标签都可以设置鼠标划上效果)
点击未抬起 active
- Ps测量尺寸
Ps里在左侧工具栏里找到选框工具(快捷键m)——点击选框工具——此时鼠标将变成加号——用鼠标将需要测量的区域勾选出来——最上边菜单栏找到“窗口”里边——点击在出来的下拉菜单里找到“信息(f8)”——在ps的右边会出现信息面板——w代表宽h代表高(如果显示的不是整数,在信息面板的左下角加号的位置有一个向下的小三角点击这里将单位更改成像素即可)
网页中在中间区域显示的内容我们叫做安全区(版心区)——此区域在浏览器中处在正中间位置
超过安全区以外的部分我们都认为是占全屏
如果ps不存在标尺安快捷键ctrl+r
在标尺上拉出来的线叫做辅助线
如果不想用辅助线如何去掉:可以使用移动工具(v)将辅助线向对应方向拖动,拖动到最上边或最左边即可消失; 在视图菜单中找到清楚参考下
放大镜(z):默认放大 按住alt键即可缩小
- 外围结构的搭建
- 找出安全区所在位置
- 搭建结构
- 在安全区以外的我们认为是占全屏的直接给div写一个高度添加一个背景颜色
- 安全区的内容给div设置安全区的宽度添加margin:0 auto; 实现居中