欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

关于浏览器的一些学习

程序员文章站 2022-08-04 17:51:39
目录 课程关键字作业完成汇报使用table表签和form标单元素完成一个个人简历的网页编写;**使用frame完成一篇带目录导航的文章页面编写;**table页面布局和p布局的区别和为什么要使用p布...

目录

课程关键字作业完成汇报使用table表签和form标单元素完成一个个人简历的网页编写;**使用frame完成一篇带目录导航的文章页面编写;**table页面布局和p布局的区别和为什么要使用p布局表单标签中name属性和value属性各代表的含义今日学习总结

课程关键字

| 关键字| 英文 |解释|

| |browser | |

作业完成汇报

使用table表签和form标单元素完成一个个人简历的网页编写;

`

个人简历 粘贴相片 姓名: 性别: 年龄:
	
male female
学历 起止时间 学校名字

使用frame完成一篇带目录导航的文章页面编写;

我的网页收藏

百度 腾讯 淘宝

input

文本输入框:
隐藏域:
文件上传:
按钮:
年龄:
1岁2岁3岁4岁


textarea

自我介绍:

table页面布局和p布局的区别和为什么要使用p布局

**一、 table方式 优点: 1、简单易用:比较适合入门级的用户操作,用户可直接利用dreamweaver(以下简写为“dw”)工具栏插入表格,设置长宽、对齐方式、属性等。
2、所见即所得:当用户插入一个table的时候就可立即看到效果。
3、可读性好:语句编写较为简便,主要代码就是

、、等语句。
4.开发速度较快:新建网站时,从dw中直接拖入table比编写div要快速很多。
5.兼容性较强:table设计由来已久,得到浏览器的广泛支持,故显示效果很好,不会出现错位情况。 缺点: 1、 代码冗余,<
/table>这是构成一个表格的最基本元素(此为一行一列的表格),相对编写来说,代码繁多。
2、网页打开速度较慢:后台代码太多,导致网站打开速度慢。 二、 div+css方式 优点:
   
标准化的页面结构:div+css是行业标准,是web发展的趋势。 2、代码简洁:较table来说代码精简许多。 3、页面浏览速度较快:
对于同一个页面视觉效果,采用css+div重构的页面容量要比table编码的页面文件容量小得多,前者一般只有后者的1/2大小。
4、页面布局灵活:div+css使得页面布局方便操作灵活,改版时只需改css样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。页面效果丰富,包括视觉效果和用户体验比如拖拉。
缺点: 1、可观性差:用户在编辑的时候并不能立即看到编辑效果,需要预览才可看到。
2、操作繁琐:相对于入门级的用户或是对代码不是很了解的人来说,操作起来很是麻烦。
3、兼容性较差:div+css设计的网站在ie浏览器里面正常显示,到火狐浏览器(firefox
)中有可能面目全非,故设计时需要把不同浏览器样式都考虑进去。
综上所述,其实页面布局采用哪种排版都可以,如果是初入门的新手,需要从table入手,待对html语言有
所了解时再接触div+css;或者有的客户强调的是网站开发制作的速度,那html语言排版就可以;如果对html语言已经很了解,或者需要进行seo
优化,想做关键词、那最好是用div+css来实现,这样网站的流量和页面浏览速度会快一些。**

表单标签中name属性和value属性各代表的含义

name一般是在设置单选按钮(如性别)时,把多个单选按钮name设置相同,分为一组,这样就可以实现关联如性别的男和女只能选一个不能同时选两个,value是初始值,就是你设置按钮时想要按钮里面带文字就需要设置value了如这样按钮里是没文字的,加上value后就有了 按钮里会出现提交。

今日学习总结