关于HTML与CSS 邱嵩松5UCMS标签、模板与仿站教程 2-1
首先我们来了解一下HTML的定义:
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 详情:http://baike.baidu.com/view/692.htm
CSS:Cascading Style Sheet(层叠样式表、级联样式表)的缩写。
w3c给予的说明是:它是一种简单的对于web文档增加样式(诸如:字体、颜色、间隔等)的机制(Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. )。标准技术文档参见W3C的文档说明。
本人认为样式表的作用就是web设计中文档设计与表现分离的需要。打个比方,整个web程序就像一个人,人有头、四肢等,这是人的基本构架,也是最基本的,没有这些,人就不能称之为人;同样web文档结构就是web程序中最基本的东东。那样式表就好像人的衣服,它是web文档的衣装,有了它,web网页才显现出千姿百态。有人要问了,那以前没有CSS说法时,web页面设计也是各式各样的啊。不错,但是注意那时文档结构和表现形式是没有分离的,就好比你的文身,刺在你的肉中(也许不是很恰当,人穿上衣服可以遮住的),没法和你分开了。文档结构和表现混和就不利于web程序的继承、再开发,因为每一次web重新设计就是一次新的项目开发了。所以我们要选择web文档结构和表现形式的分离,所以我们选择了CSS(当然,CSS主要是针对web程序的;还有XSL是针对所有的文档结构类型之间的相互转换,也更为通用了,XSL也可以用于web设计)。
那么为什么会有CSS呢?
做网站的人都知道,很多时候我们都要去在表现层消耗大量的精力和时间,起主要原因是因为代码的混浊,美工的配合不到位,如何才能更好的达到美工和程序配合呢!如果单纯依靠HTML去实现,我想那样是一件很糟糕的事情,起码会叫程序员和美工都会哭!所以这个时候出现了色彩斑斓的CSS语言,其实HTML里边的表格主要不是用来定位的,主要是用来显示数据的,但是当CSS出现之前,人们用HTML最多的是用来定位网页,有了CSS,我们就可以控制网页外观并且将文档的表现部分与内容分离开来。例如我们可以用CSS直接控制布局,而不是没有语义的表格。总之,CSS让以前复杂难懂的Html变得简单,有意义。
关于详细的HTML和CSS的教程,网上有很多,这里重复也没什么意思,大家在仿站之前起码要做到能看的懂这些代码的意思,脑子中能浮现出代码被浏览器解释后的样子。慢慢大家就直接能写出来了!
首发于邱嵩松博客,如本文有不妥的地方,请大家多多批评指正!
教程列表:http://www.fyxiaonei.com/bbs/viewthread.php?tid=5258