在福州大学生学习Web前端,你需要明白的那些事
在福州大学生学习Web前端，你需要明白的那些事
福州是首批14个对外开放的沿海港口城市之一，海上丝绸之路门户以及中国（福建）自由贸易试验区三片区之一；福州也是近代中国最早开放的五个通商口岸之一，福州马尾是中国近代海军的摇篮，中国船政文化的发祥地。
形形色色的计算机培训相关信息，难免让大家眼花缭乱，但是没关系，经过小编的整理，希望各位大学生能够对计算机技术的认识更深一步！
据统计，2016年Web前端工程师职位最低月薪约为8000元，最高月薪达到1,5000+，市场人才需求一直呈现上涨状态，可谓“钱景”广阔。作为网页制作的一个细分行业，Web前端在国内乃至国际上真正开始受到重视的时间不超过10年，而大学课程的缺乏，让这一职业人才缺口很大。
想要学习Web前端并快速成长为企业需要人才，你需要知道一些概念。
什么是html？
html是前端的基础。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。
学习Web前端中的一些建议和方法
在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。
“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。
Web前端的学习误区
入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助tob_id_4637这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?
但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE 成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。
翡翠教育Web前端开发培训，面向市场人才需求，定向培养保障就业。
只需84天，通过先修技能、动态网页编辑、H5跨平台开发、前端框架编程四大模块课程，让你轻松掌握Web前端开发技能，轻松入职IT行业，从事Web前端工程师、前端开发工程师职位。
翡翠教育-企业定位
新型IT细分领域市场份额第一；
面向个人及高校提供教育和成长服务；
拥有领先的技术方案、高品质的教育服务和变革性的创新资源；
发挥业内优秀的人才优势，提供更广泛领域的IT产品开发和服务。
看完这篇文章，是不是觉得收获颇丰呢~一定对你有很大的帮助吧！欢迎继续关注我们哦~
翡翠教育专注IT教育培训，以创新的教学方式和完善的就业服务享誉业内，已覆盖全国30多个城市,拥有70家教学中心。
如果你想学习UI设计、Web前端、Java大数据、网络营销、PHP等课程，欢迎关注翡翠教育!
给同学们理顺一下学习Web前端开发思路
Web 的发展史 首先要明确，什么是html？html是前端的基础！Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。<<龙城云购>>在学习Web前端中的一些建议和方法。 在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。 “君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。 Web前端的学习误区入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助
这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。<<龙城云购>> 那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。 web前端开发工程师做为互联网行业紧缺的职位之一，人才缺口巨大，每天还在不断的更新。
web前端培训学习心得
Web前端培训学习心得 目前web前端最火的莫过于html5了，HTML指的是超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签(markup tag)，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性。今天华清远见web前端培训的小编就为大家分享一下web前端培训学习心得。 一、了解HTML5前端开发技术 HTML指的是超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签(markup tag)，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。HTML5被推广用于Web平台游戏开发，及手机移动领域，国内，腾讯手机QQ浏览器、WEBQQ、QQLive，手机新浪，优酷视频等都在支持HTML5。从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。 二、课程能让你学到什么? 从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。以开发实例展示为主导，循序渐进让学员
掌握HTML5技术的应用。强化学员基础，尤其是要针对JavaScpript 基础的强化从而掌握HTML5新功能API。构建开放的教学环境，鼓励相互的技术交流，让学员树立良好的持续学习态度，分享最新前端技术革新和理念。为学员在这一领域能有进一步的发展和造诣提供帮助和机遇。 三、胜任的岗位： 前端开发工程师，Web开发工程师，JS/AJAX工程师，人机交互设计师。 四：华清远见web前端培训具有以下优势 1.适合不同基础的学员 教育培训行业一直面临的难题是：“无法根据不同学习能力、不同学习水平的学员进行针对性的因材施教，导致不同学习水平、不同学习能力的学员在一个班级内混合上课，学生学习的效果无法实现最大化”。但是华清远见的web前端培训课程却恰恰解决了这一难题，即便你是零基础也能手把手教你入门； 2．满足企业需求 随着企业招聘职位的越来越细化，对岗位的技术要求越来越细，华清远见必须按照企业的需求为企业提供高水平的技术人才，满足企业的招聘需求。
web前端实习报告三篇
web前端实习报告三篇 篇一 一、实训项目 简易记事本 二、实训目的和要求 本次实训是对前面学过的所有面向对象的编程思想以 及JAVAWEB编程方法的一个总结、回顾和实践，因此，开始 设计前学生一定要先回顾以前所学的内容，明确本次作业设 计所要用到的技术点并到网上搜索以及查阅相关的书籍来 搜集资料。通过编写采用JSP+Servlet+JavaBean技术框架的应用系统综合实例，以掌握JavaWEB开发技术。 具体要求有以下几点： 1.问题的描述与程序将要实现的具体功能。 2.程序功能实现的具体设计思路或框架，并检查流程设计。 3.代码实现。 4.设计小结。 三、实训项目的开发环境和所使用的技术 基于J2SE基础，利用以上版本的集成开发环境完成实 训项目，界面友好，代码的可维护性好，有必要的注释和相 应的文档。 四、实训地点、日程、分组情况： 实训地点：4栋303机房日程：
阶段：1.班级分组，选定课题，查阅相关资料半天 2.划分模块、小组成员分工半天 3.利用CASE工具进行系统设计和分析，并编制源程序5天 第二阶段：上机调试，修改、调试、完善系统2天 第三阶段：撰写、上交课程设计报告，上交课程设计作 品源程序(每人1份)2天 五、程序分析 功能模块说明弹出菜单 for(intf=0;f 创建保存文件对话框 publicvoidsaveFile { 创建打开文件对话框 privatevoidopenFile { JFileChooserfilechoose=newJFileChooser ;intresult=( null);if(result==_OPTION)} {try{ Filefile= ;FileReaderfr=newFileReader(file);intlen= (int) ;char[]context=newchar[len];(context,0,len); ; (newString(context));
Web前端基础总结 三篇
Web前端基础总结三篇 前端工作总结篇一：前端开发心得 从事前端开发工作1年多了，从最初的DIV+CSS学起，到现在学到html5、css3、javascript，jquery等等，我觉得前端要学的技术太多了，很多人认为前端开发要掌握的技能简单，就是网页制作，其实不然，前端开发是网站的前台代码实现，包括基本的HTML和CSS 以及JavaScript/ajax，现在最新的高级版本是HTML5、CSS3，以及SVG等。JavaScript作为最难的语言之一，许多编程高手也不敢妄自菲薄、自封精通。 关于兼容性的问题我相信对于每个做前端开发的人来讲是一个很头疼的问题，互联网目前主流浏览器有IE6789，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯TT，360等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera 的，这些都是大家常见的。所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，用户用什么浏览器来查看同一网站，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSShack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员必备的技能。
前端的开发工具很多，比较常见的有Dreamweaver，Notepad，webstrom，SublimeText等等，我现在在使用webstorm，强大的提示功能可以帮助我们很快的熟悉并掌握网页布局,检查错误等。调试代码的工具我使用的Firebug。Firebug是网页浏览器Mozillafirefox 下的一款开发类插件，它集HTML查看和、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web 页面内部的细节层面，给Web开发者带来很大的便利。Firebug也是一个除错工具。用户可以利用它除错、、甚至删改任何网站的CSS、HTML、Dom以及Javascript代码。 以上是自己做前端开发的一点心得，它所涵盖的知识面远远不止这些，我也在不断的学习，不断地丰富自己，希望自己能在前端这个职位上开阔自己的一片天地！ 前端工作总结篇二：WEB前端开发经验总结 这里跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始吧。 WEB标准是什么？ 说是WEB标准，不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB
web前端心得体会 web心得体会 精品
web前端心得体会web心得体会 它运用着语言,展现着生动的画面,只有你有想法,你很可能就会在小小的浏览器里实现呢.这门课是理论和实践的结合,虽然实验课相对来说少了点,每次实验课都会很有收获. 从一窍不通到慢慢的深入了解.其中老师起着非常大的作用,老师讲课很丰富,展示例子多,并且很幽默. 老师还很和蔼可亲.使对这门课的学习很有信心,每每实验课上的提问,不管简单难易,老师总是不厌其烦的解答,实验课老师是最忙碌的. 使我对学习这门课的信心倍增.首先接触的是开发运行环境,Tomcat的配置,以及对MyEclipse的使用. 不得不佩服人类的大脑,它就是个小宇宙,这些神奇的东西都是上辈的智慧结晶,我们在运用着这些结晶,一直为选择计算机专业而后悔,天天对着电脑敲着代码,今天带着另一种眼光来看计算机,其实是很有趣的,我们在一点点的学习着先辈们的智慧结晶.这些神奇的软件,它是怎么样的应运而生的. 实在是让人遐想万千,他们是怎么知道要做这些的.配置好了Tomcat,新建的web工程部署进去就可以在浏览器里访问自己编写的html.. 学习总是一个由浅到深的过程,慢慢的接触css,javascript,servlet,jsp.由于实用以及方便性,软件在不断的更新,语言也在不断的更新 很不幸的是我曾经把jsp和javascript弄混淆了.这学期课程是很繁重的,虽然不太多,但是内容是相当的难. 可能有时对web的偷懒就是以忙为借口的吧.终于其它课程结束了,可以好好的学习web了. 不管你学或者不学,web就在那里,不来不去.期末web课程设计如期而至,说实话,web学的是半深半浅,考考试,做做实验还可以,做一个系统恐怕、、、、、、就这样打开电脑好好的研究web了. 好的web工程不是一两个html,jsp就可以完成的,其实要思考,要想的很多.夸张点说web课程设计我们可谓衣带渐宽终不悔,为伊消得人憔悴. 晚上做梦还是jsp.由于开始的基础不好,后期付出的代价是可想而知的,如
前端项目心得体会
前端项目心得体会 导语：作为一个程序猿，你的任务就是敲代码，接下来为大家介绍前端项目心得体会文章，仅供参考！ 前端项目心得体会 1、知识的总结 项目开发中也许学到了一个技能，或者一个知识点，但是通过写博客会加深巩固自己学习的东西，自己写不出来可能说明你对这个知识点理解还不够深入。 2、表达能力的提升 程序员大都不善于沟通，是因为表达能力不行，但是通过坚持写博客，自己的表达能力与表达逻辑会慢慢锻炼出来，逐渐的就会影响自己的沟通交流能力，这点我深有体会。 3、面试加分 假设我们同时面试了两个人，两人各方面能力差不多，但是一个写博客，一个不写，我想我肯定优先选择坚持写博客的人。他能坚持写博客，起码知道他善于经验总结，很勤快，因为大部分人不写博客很大原因是因为懒学习前端的心得学习前端的心得。 4、提升写作能力 写的多了，写作能力也就提升了，比如我，相信我的写作能力应该比大部分程序员要优秀，你们认同么?
5、提升名气 如果持续产出高质量的博客，被越来越多的人知道，那名气就会上升了，有了名气自身的价值一下就提升了，我深有感受，自从有了名气之后，每天都能收到各大猎头、CEO等的各种优越条件的邀请，选择接受或拒绝是一回事，但是有没有收到邀请就是另一回事了。 6、赚取外快 这个容易理解，有了名气之后就可以有办法赚取各种外快，而且本身也并不可耻，不偷不抢，靠自身技术赚点零花钱有何不可? 比如我，如果哪一天我很缺钱了(虽然现在也缺)，我可以立刻想办法花点精力去赚更多的钱，只不过现在我选择了我最喜欢，最不受约束的方式而已。 最后奉劝大家，如果你还没有写博客，那从现在开始开通个博客学习前端的心得文章学习前端的心得出自。 走出第一步，如果你已经开始写博客了，不要去奢望靠写博客去赚钱，安心的写博客提升自己能力，总结经验，把它看成一种投资自己的手段，别把目标搞错了 也许有一天你会突然发现，原来你已经走了这么远，而且还有意外收获! 勿忘初心，才能方得始终! 如何找实习机会 如果有校招，最好就从校招进去。一些比较优秀的企业都会培养储备人才，用以发展，所以校招能够有机会进到一些分工比较细化的企
web前端学习心得-
学习前端开发心得 这三天的课程是前端，我们从最简单的HTML讲起，在学习HTML的时候，开始实现古老的表格制作网站，然后到后面的CSS学习，用CSS样式去进一步完善我们制作的网址， 第一部分，HTML，这大概是学习一门语言最基础的一部分吧。HTML的学习主要是框架和表单，框架的话，就是一个网页的主体了，网页的大致形式基本上从你的框架结构就可以知道的，学习框架，重要的就是网页的布局如何划分，然后利用框架的嵌套，浮动就可以解决的，学习过程也不会是很大的难度。第二部分，CSS学习，CSS就是网页样式，一个网页的整体美感，在你确定了框架之后，就看你的CSS样式的添加了，CSS的学习还有一个地方就是浮动，因为存在块元素和行辈元素，块元素因为其本身特性，一个块元素标记他要占用一整行的空间，而一个行内元素他只能占用行内的一些空间，但是在实际操作中，很多时候我们却要想将多个块元素排在同一行，或者将多个行内元素排在不同行，这时候就可以使用浮动的方法来实现，浮动最主要做的就是这个，唯一要记住的一点就是做了浮动之后，如果他的父元素是没有进行匡高的设定的话，是不是要进行清除浮动，防止下面的操作也是有浮动的。第三部分，JavaScript，JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 其实对于WEB前端的学习很多东西我们上课的时候听起来都很容易，重要的就是多用要记，还要多练习。作为前端来说，我们需要不断的优化，不断的修正，美化整个页面。
web前端实习报告三篇
ｗｅb前端实习报告三篇 ?篇一 一、实训项目?简易记事本 二、实训目得与要求?本次实训就是对前面学过得所有面向对象得编程思想以及ＪAVAWEB编程方法得一个总结、回顾与实践，因此,开始设计前学生一定要先回顾以前所学得内容，明确本次作业设计所要用到得技术点并到网上搜索以及查阅相关得书籍来搜集资料.通过编写采用JSP＋Sｅｒv ｌeｔ+JaｖａＢeaｎ技术框架得应用系统综合实例，以掌握JavaWＥB开发技术。 具体要求有以下几点： １、问题得描述与程序将要实现得具体功能。? 2、程序功能实现得具体设计思路或框架，并检查流程设计.3、代码实现.4、设计小结。 三、实训项目得开发环境与所使用得技术?基于J2SE基础,利用以上版本得集成开发环境完成实训项目，界面友好，代码得可维护性好,有必要得注释与相应得文档。 四、实训地点、日程、分组情况:?实训地点:４栋303机房日程: 阶段:1、班级分组,选定课题,查阅相关资料半天２、划分模块、小组成员分工半天3、利用CASＥ工具进行系统设计与分析，并编制源程序5天
第二阶段:上机调试,修改、调试、完善系统2天 第三阶段：撰写、上交课程设计报告，上交课程设计作品源程序（每人１份）2天 五、程序分析 功能模块说明弹出菜单 fｏr(intf=0；f 创建保存文件对话框? publｉｃvｏｉdsaveFile {? 创建打开文件对话框?ｐｒｉvatevoｉdｏｐenFilｅ｛Ｊ；iｎtrｅsuｌt=(null）；if(resulｔ==_OPTIOＮ)｝?{try｛? ;(（int) ;char[］conｔext=newcｈａr[ｌen];（context，０，ｌｅｎ); ；? (newSｔｒｉnｇ（context))；?J ；intresｕlt＝（null）;if（result ＝=＿ＯPTＩＯN)}?{try{ ；(fiｌe);（）; ;?｝ｃatch(Exceｐtione)｛（＂保存文件失败！"）;｝｝elseｒeturn； }catch(Ｅxceptｉonｅ)｛(”打开文件失败！")；｝｝eｌｓeｒetｕｒn；?六、程序设计及实现?1、实现弹出菜单(JpopupＭeｎu)2、设置字型,字体大小,字体颜色 3、实现自动换行 七、实训总结 通过３天得实训,虽然实训得时间不长，但就是总体上收获就是很大得,我们得jaｖａ课程学到得只就是javａ与皮
web前端学习报告
web前端学习报告 篇一：web前端学习总结 Web总结 一.名词解释 1. 横切 在固定页面的宽度并且对高度没有限制的容器称为一个标准横切 2. 留白 两个容器或碎片之间的上、下、左、右的空白距离 3. 继承 元素可以从其父级元素中获得一些可为自己使用的属性或值。 4. 图片定位 把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图 5. 底图 页面中在标签中使用的背景图
6. 齐底线 用于区分横切或碎片结束的线或图 7. 页面结构 页面的基础框架，由横切、布局元素组成 8. 焦点区 最易注意的区域 9. 导航 在页面中具有导向性的链接集合 10. 头图 页面主题图片 11. 间距 碎片或文字间的距离 12. 行高 文字段落中行与行之间的距离 13. 首行缩进 文字段落首行缩进 14. 浮动 使被定义的区域脱离正常的页面文档流 15. 碎片 由文字、图片组合成的内容区域
16. 通栏广告 与页面内容区同宽的广告区域 17. 功能按钮 具有交互属性的按钮 18. 私有样式 当前页面独立使用的样式，不具备公用性 19. 水平居中 在页面中的某个元素处于父级的上下或左右的相同距离 20. 标准头 定义相同的页面头或尾元素集合 二.文本格式化 1. 段落：p 2. 斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语） 3. 粗体：strong（重要）b（提醒） 4. 图片块：figure 5. 引述文段，段落缩进：blockquote 6. 背景颜色：mark 7. 虚线下划线：abbr
web前端学习总结1
Web总结 一.名词解释 1.横切 在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切 2.留白 两个容器或碎片之间的上、下、左、右的空白距离 3.继承 元素可以从其父级元素中获得一些可为自己使用的属性或值。 4.图片定位 把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图 5.底图 页面中在标签中使用的背景图 6.齐底(图)线 用于区分横切或碎片结束的线或图 7.页面结构 页面的基础框架，由横切、布局元素组成 8.焦点区(图) 最易注意的区域 9.导航 在页面中具有导向性的链接集合 10.头图 页面主题图片 11.间距 碎片或文字间的距离 12.行高 文字段落中行与行之间的距离 13.首行缩进 文字段落首行缩进 14.浮动 使被定义的区域脱离正常的页面文档流 15.碎片 由文字、图片组合成的内容区域 16.通栏广告 与页面内容区同宽的广告区域 17.功能按钮 具有交互属性的按钮 18.私有样式 当前页面独立使用的样式，不具备公用性 19.水平(垂直)居中 在页面中的某个元素处于父级的上下或左右的相同距离
20.标准头(尾) 定义相同的页面头或尾元素集合 二.文本格式化 1. 段落：p 2. 斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语） 3. 粗体：strong（重要）b（提醒） 4. 图片块：figure 5. 引述文段，段落缩进：blockquote 6. 背景颜色：mark 7. 虚线下划线：abbr 8. 上标下标：sub/sup 9. 下划线：ins 10. 删除线：del（标记已删除内容）s（标记不准确内容） 11. 等宽字体：code 12. 预格式化：pre 13. 字号减小，表注释：small 14. 时间：time 15. 换行：br 16. html5定义区块：header nav article section aside footer div span 三.表单表格 1.
2. 表单元素的组织： 3. 创建各种框: 注：text→password/url/tel/email Id:为了让对应的标签识别，添加CSS Name：为了让服务器和脚本识别，通常与id设为一样 Size：文本框大小 Maxlength：能输入的最大字符数 Pattern：正则表达式 4. 添加标签： 5. 单(多)选按钮： 注：id各自唯一，name必须相同。checked：默认选择 6. 下拉框：