云和php视频教程：HTML与CSS概述
- 日期：2015-09-11
- 浏览：1,256次
这节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作进一步的讲解，请继续关注云和学院高级讲师为大家带来的在线视频课，愿你从中有所收益。
