第一阶段 XHTML.标记

一位初学php的随堂笔记，记录自己的成长！

 

一.XHTML
1.发展历史
HTML1.0
HTML4.0
XHTML1.0(更严格更纯净，遵守W3C组织
W3C:定义语言标准的组织 )
HTML5
2.什么是XHTML
[eXtensible HyperText Markup Language]
可扩展超文本标记语言
3.XHTML能做什么
制作网页，通过标记来描述网页结构
4.标记(Tag)又叫元素(Element)
（1）分类
a.按功能分
单标记:<标记名称 />
双标记：<标记名称>...</标记名称>
b.按是否自动换行分
行元素：不自动换行（b...宽度是文本内容的宽度）
块元素：自动换行（p... 宽度是父级的百分百）

5.w3c验证网页结构
http://validator.w3.org
6 网页结构
（1）根元素html标记，所有的子元素都写在根元素中
（2）子元素
head标记：网页基本信息描述.例：标题
body标记：网页正文
（3）DTD（Document Type Defination）：文档类型声明
定义根元素是谁，子元素是那些，子元素有那些属性，都是用我们的文档类型声明定义的
HTML5：文档类型声明：<！DOCTYPE html>
（4）编码格式
UTF-8：国际编码
gbk（gb2312）：国内编码
（5）xmlns（命名空间）解决标记冲突
（6）后缀（扩展名）：.html .htm
（7）属性
什么是属性：用来对象的特征描述，修饰标记
（1）属性写在开始标记中
（2）属性名称和属性值用等号分隔
（3）属性值用双引号括起来，双引号比单引号效率高
（4）标记和属性名称都是小写
（5）标记和属性名称，属性和属性用空格隔开
（6）属性不是必须的
（7）属性没有先后顺序

8.文本标记
加粗：<b>..</b>
加粗：<strong>...</strong>
倾斜：<i>...</i>
倾斜：<em>...</em>
换行：<p>...</p>
下划线：<u>...</u>
删除线：<s>...</s>
删除线：<strike>...<strike>
上标：^...
下标：_...
文本的修饰标记
<font color="颜色" size="1~7">...</font>
9.XHTML注释：
<!--注释内容-->
在我们的内容中不要出现两个--
快捷键：shift+ctrl+/
9.块元素
段落标记：<p align="left默认值l right居右lcenter居中">...</p>
标题标记：<h1~6 align="left默认值l right居右lcenter居中" >...</h1~6>
分隔线：<hr color="颜色" width="宽度" size="高度
align="left默认值l right居右lcenter居中 "/>单标记
强制换行：<br/>
&nbsp：空格，两个形成一个常规的空格

11.HTML:实体
HTML实体：在浏览器中出现的特殊符号


==============================
zend studio使用

1.创建项目: File-New-Local PHP Project
（1）Project Name 项目名称
（2）Location 项目位置
2.创建文件夹和文件
文件夹 :右键-New -Folder
文件 ： 右键-New -HTML File
3.XHTML1.0模板
(1)右键-New -HTML File
（2）点击 Next
（3） 点击 HTML Templates（模板）
(4)找到 XHTML1.0 transitional 双击
(5)去掉第一行
(6)点击ok
（7）返回到第一个对话框，
选择XHTML1.0 transitional
(8)Finish

主流浏览器
IE：Internet Explorer
Chrome：谷歌
FireFox：火狐
Safari：苹果
Opera：欧朋