这节php视频教程主要是对HTML和CSS做一个简单的基础性的讲解,让初学者了解HTML、CSS和JavaScript三者各自的特点和之间的关系,同时着重对HTML语法做了五个方面的总结。
HTML、CSS和JavaScript三者的特点与关系
HTML是为了编写页面内容与布局,CSS是对HTML精确布局与样式控制,可以这么说,HTML如果是个人的话,CSS相当于一个化妆师,CSS是来修饰HTML的。JavaScript是用来与用户交互,做特效的,这个交互体现在浏览器获取到用户相应的动作,JavaScript就会做出回应。
所以说,我们前台要做一个非常完美的页面,就需要HTML定义它的内容、布局,CSS做一些外观美化,比如说背景颜色、边框颜色、字体大小颜色之类的,JavaScript做一些动态效果,这三者缺一不可。
这三者有什么特点呢?CSS和JavaScript都可以独立编写,也都可以嵌入在HTML应用中,同时,HTML、CSS和JavaScript都是文本文件。
HTML和CSS基础概述
HTML,Hypertext Marked Language的简称,中文是超文本标记语言,文件的后缀名为.html或.htm,Hypertext可以在文件中标识图片、链接、表格、文本等。Marked以字、字符串、图片等组成。HTML是一种编程语言,浏览器解释的语言。
CSS,即Cascading Style Sheets,又叫层叠样式表,是一种用来表现HTML样式的语言。它不能独立使用,没有HTML就没有CSS。它是用来定义网页的外观和局部(字体、背景、文本、位置、边缘、列表等其他内容),也是用浏览器解释的语言。
HTML语法
(1)HTML标记
HTML是由标签和标签中的内容组成的一个文件,HTML中所有的元素都需要使用标记来描述,HTML文档就是由元素和标记组成的文件。元素是一整体,是一对象。标记大多数都是成对出现的,也称为容器,格式表示为<标记名></标记名>。也有单独出现的标记,如br和hr标签,都是自封闭标签。标记中也可以嵌套其它标记,如<br/><hr/><a herf=”www.xsphp”><b></b></a>。
(2)HTML标签属性
属性在标记中使用,属性的格式是:[属性=属性值],如<font color=”red” size=”7”>。多个属性使用空格分开,属性的值(不管什么类型)可以使用单引号、双引号、不加引号(推荐使用双引号包裹属性值),属性是对标记功能的扩展或行为的修饰,每个属性几乎都是可选。
(3)HTML文档注释
HTML标记和属性名都是不区分大小写的,大写小写浏览器都会解析,有一样的效果。HTML里面还有文档注释,文档注释有两个作用,一个是注释暂时不用的一段代码,另一个是用来写简单的注解。它的格式是<!–注释内容–>,注释需要遵守如下规范:在注释中不能再有注释;在注释掉的标记之后,要保证还是一个结构完好的文档。
(4)HTML代码格式
HTML的代码格式,任何回车或格式在源代码中都不起作用;使用回车或空格进行代码排版。
(5)HTML字符实体
HTML字符实体有很多,可以用两种方式来表示,一种是实体名称,一种是实体编号。表示时,要在名称或编号前面加上&,后面加上;,其中nbsp表示空格,lt表示<,gt表示>,amp表示&,quot表示“”等。
云和学院后续的php视频教程还会对CSS作进一步的讲解,请继续关注云和学院高级讲师为大家带来的在线视频课,愿你从中有所收益。