基础html笔记.doc

一、XHTML基础 1.XHTML能做什么? XHTML能实现网页的结构。 2.什么是HTML、XHTML? HTML[HyperText Markup Language],超文本标记语言。 XHTML[eXtensible HyperText Markup Language],扩展的超文本标记语言 HTML最终的发展方向:HTML5 HTML/XHTML、CSS、JavaScript称为客户端技术。客户端技术是由浏览器解释执行的。客户 端技术最大的难点就在于浏览器的兼容性。 主流浏览器:IE、Firefox、Chrome、Safari、Opera 3.什么是标记? 标记(Tag),也称为元素(Element),它就是完成某些功能的字符串。 4.标记的分类 4.1 根据是否包含子标记或内容 单标记:标记名称/ 双标记:标记名称.../标记名称 例1: ab.../b/a 例2: ba..../a/b 4.2 根据是否自然换行 内联对象:不换行 块级对象:可自然换行 5.标记的属性 标记名称 属性名称=值 属性名称=值.../ 标记名称 属性名称=值 属性名称=值.../标记名称 公共属性 id style class title,注释 6、XHTML文档的规范 A.标记名称必须为英文小写字母 B.标记之间必须顺序嵌套 C.单标记必须以/结尾 D.属性名称必须为英文小写字母 E.属性值必须括在引号之间 7.W3C的合法性验证 8.XHTML文档的结构 !DOCTYPE html PUBLIC DTD html xmlns= head title标题/title /head body 正文 /body /html 9.DTD DTD[Document Type Defination],文档类型声明 DTD实现的功能是定义文档结构，如谁根元素? 根元素有哪些一级子元素？这些元素又有什么样属性?这些属性中哪些是必选的，哪些是可选的？等信息。 在XHTML中DTD主要有三类： Strict,严格类型 Transitional,过渡类型 Frameset,框架类型 命名空间(namespace),解决标记名称冲突。 二、文本样式 加粗:b.../b 加粗:strong.../strong 倾斜:i.../i 倾斜:em.../em 下划线:u.../u 删除线:s.../s 删除线:strike.../strike 上标:sup/sup 下标:sub.../sub span标记:span.../span font标记(W3C不推荐): font color=颜色 size=字号(1~7) face=字体.../font 三、段落与换行 段落: p align=left|center|right.../p 换行: br/ 四、标题 h1 align=left|center|right.../h1 ………….. h6 align=left|center|right.../h6 五、HTML实体(HTML Entity) 大于号:gt; 小于号:lt; 单引号:apos;(IE不支持)或#39; 双引号:quot; (And)符号:amp; 不间断空格:nbsp; 六、图像 1.浏览器支持的图像格式 gif,支持透明色，支持动画,仅支持256种颜色。 jpg/jpeg,不支持透色，不支持动画，但支持1670万种颜色。 png,支持透色，但不支持动画，仅支持颜色有256，1670万和4G种三种。 2.图像的标记 img src=图像URL width=宽度 height=高度 alt=注释 border=边框宽度/ 说明: A.图像的src和alt属性必须存在。 B.alt属性只有IE浏览器支持。 C.如果省略图像的alt属性，那么其无法通过W3C的合法性验证。 七、路径 1.绝对路径:由完整的协议名称、主机名称、路径及文档全称组成。 0/download/02.rar 2.相对路径,从当前文档开始的路径。 2.1)、 如果当前文档和目标位置位于同一目录下,则直接书写目标文档全称即可。(图-1) 2.2)、 如果当前文档和目标文档所在目录位于同一目录下,则书写成：目录名称/目标文档全称 2.3)、 如果当前文档所在目录与目标文档位于同一目录下,则书写成: ../目标文档全称 例如: 浏览器URL地址为: /a/b/c.html?id=3pid=6 而通过查看网页源代码，发现其中某一张图像的标记是这样写的： img src=../images/aa.jpg/ 那么这张图像的绝对路径就是： /a/i