网页制作概述

• HTML是WEB页面的描述性语言
• CSS则是为HTML制定样式的机制
• JavaScript是具有交互性Web设计最佳选择
• CSS和JavaScript 是都可以独立编写的文本文件，还有PHP都可以嵌入在HTML中应用

HTML基础

• HTML（Hypertext Marked Language）
• 文件的后缀名.html 或 .htm
• Hypertext可以在文件中标识图片、链接、表格、文本等。
• Marked <或>以及字符串组成 <img><p></p>
• 是一种编程语言
• 浏览器解释的语言

CSS基础

• CSS （Cascading style sheets）
• 是一种用来表现HTML样式的语言
• 它不能独立使用，没有HTML就没有CSS
• 定义网页的外观和布局（字体、背景、文本、位置、边缘、列表及其它）
• 也是用浏览器解释的语言

HTML语法

• 元素:是一整体，是一对象
• <标记名> </标记名> 成对的标记，也称为容器
• 标记中可以嵌套其它的标记
• <br /> <hr />
• <a href=“www.xsphp”><b>地址</b></a>
• 使用标记来描述元素的
• HTML文档就是由元素和标记组成的文件

HTML语法(二)

• HTML标签属性
• <tag> content</tag>
• <tag><tag2>content</tag2></tag>
• <tag />
• <tag pro=“value” pro2=“value2”>
• content
• </tag>
• 属性：在标记中使用 ［属性=属性值］
• 多个属性使用空格分开
• 属性的值（不管什么类型）可以使用单引号、双引号、不加引号（使用双引号）
• <font color=“red” size=“7”>
• 属性是对标记功能的扩展或形为的修饰，每个属性几乎都是可选。

HTML语法(三)

• HTML标记和属性名都是不区分大小写的
• HTML文档注释 <!-- 注释内容 -->
• 在注释中不能再有注释
• 在注释掉的标记之后，要保证还是一个结构完好的文档

HTML语法(四)

• HTML的代码格式
• 任何回车或空格在源代码中都不起作用
• 使用回车或空格进行代码排版

HTML语法(五)

• HTML字符实体
• 三部分:
• 以&开头
• 一个实体名或是使用#号和一个体编号
• 以分号;结束
• < < <
• > > >

HTML语法(六)

• HTML颜色的设置
• 设置颜色时可以是一个关键字或RGB的数字格式
• White black blue ,gray green, red yellow
• #FF (0-255)
• #FF00BB(rgb) red green blue