您好,欢迎访问一九零五行业门户网

中软培训第一周复习总结 --简单的HTML 与CSS

一些需要记住的点:
day1 html格式及简单标签:html 文件一般格式:
1 2 3 4 页面名称5 6 7 页面内容8 9
charset 设置字符编码,避免页面中文内容出现乱码。
没有闭标签 需要在末尾打斜杠“/”,alt属性不行的时候可以用title属性代替,align 属性可以设置一个段落内图片居左还是居右,还有width和height属性设置照片大小
有序列表 无序列表都可以用type设置项目标志样式:
的默认type 是 1,还有a a 等样式,不想要小黑点设置type为none.分级列表
分级列表,内可以包含,
标签就不做描述了
day2 标签:
一般格式: 1
2 3 a 4 a 5 a 6
7 8 跨两行 9 夸两列 10
11 12 a 13 a 14
15 16 17 最后一行跨3行18 19
20
运行结果图为:
其中cellspacing为表格外边距,即每个单元格的间距,cellpadding为单元格内边距;
的colspan和rowspan分别为跨行数和跨列数,单元格的大小会随内容改变,固定大小对文字有用,对块及元素无用,依然会撑大单元格,可以对块元素固定大小
还有一些特殊字符如©表示版权号,<表示..其他的可以查帮助文档
day3 表单标签:
标签用来创建一个表单,一般有method,action 属性。method有get 和post 两种方法,一般用post,post比较安全1. get是从服务器上获取数据,post是向服务器传送数据。get是默认方法。
2. get是把参数数据队列加到提交表单的action属性所指的url中,值和表单内各个字段一一对应,在url中可以看到。post是通过http post机制,将表单内各个字段与其内容放置在html header内一起传送到action属性所指的url地址。用户看不到这个过程。 
3. 对于get方式,服务器端用request.querystring获取变量的值,对于post方式,服务器端用request.form获取提交的数据。 
4. get传送的数据量较小,不能大于2kb。post传送的数据量较大,一般被默认为不受限制。但理论上,iis4中最大量为80kb,iis5中为100kb。 
5. get安全性非常低,post安全性较高。但是执行效率却比post方法好。
建议: 
1、get方式的安全性较post方式要差些,包含机密信息的话,建议用post数据提交方式; 
2、在做数据查询时,建议用get方式;而在做数据添加、修改或删除时,建议用post方式;
更详细用法:http://blog.163.com/llf_046/blog/static/527371192009224022140/
action属性指定一个url,在用户提交后转到这个页面
同样没有闭标签,他的type属性常用值有text,password,radio,checkbox,submit,reset...
更多type 值:http://www.w3school.com.cn/html5/att_input_type.asp
写标签时要有写name属性的习惯,这样能让获取值更方面,radio写单选框的时候,同组单选框应设置相同名字才能实现单选,checked可以
设置默认选中。
readonly可设置只读,placeholder可设置灰色描述字段。
day4 div frame 及 css:左图为div布局的重要属性的参考图
div是块级元素,可以设置大小,背景,边框等等,还可以设置float浮动属性,可以实现并排的布局,需要排版的div都要设置float属性
div内的divmargin-top属性没有效果,可以设置父级div的padding-top属性代替
frame
frame是框架,可以实现在一个页面内放置几个不同的html页面,代码格式如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
效果图:
需要注意的是如果用到框架 则不需要
标签。例如设置b框架中的超链接target的属性值为a,然后c框架的name属性为a就可以实现导航的效果,及b中超链接的页面在c框架中显现
css
css即是将标签的样式打包在一起放在head内或者单独的css文件,然后通过
导入css文件
关于css的命名规范:http://www.cnblogs.com/webshare-hilda/p/4686067.html
还有一些目前见过难记有用的样式:
边框四角圆形:border-radios:5px;
阴影:box-shadow:0px 0px 3px black inset; inset 内置阴影 可选
渐变:background:linear-gradint(to 位置(对角渐变的话写两个位置 right bottom),开始颜色,结束颜色)
还有其他不太接触到日后查文档
其它类似信息

推荐信息