一位初学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>
上标:<sup>...</sup>
下标:<sub>...</sub>
文本的修饰标记
<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/>
 :空格,两个形成一个常规的空格
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:欧朋