XML实用教程第2章HTML基础.ppt

XML实用教程 丁跃潮张涛叶文来刘韵华程旭曼丁潇张天桥 北京大学出版社 第2章HTML基础 概述 教学提示 Web页面可采用超文本标识语言 HTML 创作 它允许将常规的文本与一些用来描述文本的标记混合使用 这些标记的主要功能是Web中文本的显示外观 版面布局和主体的描述 在做网页的时候 有经验的程序员经常是分两步走 首先使用一些常用的网页制作工具做成网页的原型 然后再修改其HTML代码 HTML代码不区分大小写 只要能够编辑文本的任何编辑器都可以用于编写HTML代码 教学目标 了解网页设计的基本概念及HTML的基本知识 掌握HTML文档的基本结构 熟悉常用HTML元素标记功能及使用方法 掌握格式化网页文本的常用方法 熟悉在网页中链接语句使用方法 2 1HTML概述2 2HTML的标记2 3文字修饰2 4列表2 5表格2 6色彩2 7超文本链接 2 1 1HTML概述 HTML是HyperTextMarkupLanguage的缩写 意思是 超文本标识语言 它实际上是专门用来编写网页的一种编程语言 大多数网页的构成基础就是HTML的语句 HTML文档的基本结构 2 1 2如何编写一个HTML文件 HTML文件是一个ASCII格式的文件 它可以在任何一种可以编辑ASCII文件的编辑器中编辑 如果HTML文件中包含汉字 则要在支持汉字的编辑器中编辑 我们通常可以用Windows中的 记事本 和 写字板 字处理软件 Word 等来编辑HTML文件 2 1 3HTML文件的调试 第二章HTML基础HTML是HyperTextMarkupLanguage的缩写 意思是 超文本标识语言 它实际上是专门用来编写网页的一种编成语言 大多数网页的构成基础就是HTML的语句 2 2 1标记的一般特性 一个HTML文件中由两大类元素组成 一是标记二是标记的作用对象 如文字 图形等 2 2 2几个最常用的标记 1 和2 和3 和4 和5 和6 7 2 3文字修饰 一个网页大多由以下要素构成 文字 图片 表格 动画及声音 在这些元素中 文字是十分重要的 下面我们就逐一讲述涉及文字的标记 2 3 1字号 可以采用多种方式设置文字的大小 不过设置文字的大小后 其效果会受到IE中选项的影响 2 3 1字号 1 和2 和3 4 5 和6 和 2 3 1字号 2 3 2字体式样 1 和2 和3 和4 和 2 3 3特殊标记 用 gt 用 amp 用 quot 2 4列表 列表是一种条理化地排列信息的方法 它把内容一条条地水平排列显示 直观 清晰 而它也不同于表格 一般列表没有表格复杂 列表标记使用的通用格式 条目内容1条目内容2条目内容3 列表标记使用的通用格式 1 和2 和3 和 2 5表格 使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位 表格通常用来显示大量的 分类化的信息 具有表示清晰 明了的特点 使用十分广泛 表格一般由以下几部分组成 表格名称 表格栏及表中数据 这与其他软件 如WORD 中所说的表格十分相同 2 5 1 这是一对用来指明表格范围的标记 通常使用的格式如下 表格全部内容 border属性 使用表格的这一属性可以给表格加上框线 如表示表格是有表格线的 border的线宽默认为1 没有写border则表示表格是没有表格线的 一般用来设置 有线表格 和边框宽度 n是一个具体的数字 用来指定宽度的大小 单位是 像素 默认为没有边框 当n为0时 也没有边框 具体参见例2 8 width属性 这一属性可以用来设置 有线表格 占整个页面的相对宽度 写法为 n是一个具体的数字 可以是一个百分数 如100 也可以是一个具体的数值 单位是像素 如80 表示表格占80个像素单位的宽度 height属性 这一属性可以用来设置 有线表格 占整个页面的相对高度 其用法与相似 使用相对方式来设置表格大小时 浏览器窗口大小的变化会影响到表格大小的变化 表格宽度 高度设置要合理 在视觉上要有美感 cellspacing属性 这一属性可以用来设置有线表格的单元格线的宽度 用法为 n是一个具体的数值 单位是像素 cellpddeing 这一属性可以用来设置单元格线与数据之间的距离 用法为 n是一个具体的数值 单位是像素 默认值为1 2 5 2和 这是一对用来指明表格标题的标记 通常使用的格式如下 表格标题内容 2 5 3和 这对标记用来指明表格一行的内容 这一行可以是表格的栏目 也可以是数据 2 5 4和 这对标记用来指明表格栏目行中的一项 一行可以由多项组成 必须嵌套在与之中使用 由此标记指定的栏目 文字会突出显示 2 5 5和 这对标记用来指明表格数据行中的一项 一行可以由多项组成 它也必须嵌套在与之中使用 由此标记指定的栏目 文字不会突出显示 2 6 1色彩的表示 在计算机显示器中 使用红 red 绿 green 蓝 blue 3种颜色来构成各种各样的颜色 颜色的种类有16 256及65 536等多种 我们把这三种颜色人0到255分别编号 再表示为16进制的数 则红色 rr 就从00到ff 绿色 gg 和蓝色 bb 两种颜色也如此 三种颜色的表示合起来就是rrggbb 这样一来 可以用一种颜色中所含红 绿 蓝成分的程度 数值化地表示颜色 如 黑色为000000 白色为ffffff 墨绿色为008040 深灰色为808080等 在HTML中 可用这种方式指定颜色 2 6 1色彩的表示 2 7超文本链接 超文本链接是网页中一种非常重要的功能 是网页中最重要 最根本的元素之一 通过链接可以从一个网页转到另一个网页 也可以从一个网站转到另一个网站 这符合人类的跳跃思维方式 链接的标志有文字和图形两种 可以制作一些精美的图形作为链接按钮 使它和整个网页融为一体 2 7 1超文本链接 所谓的超文本链接是指从一个网页指向一个目标的连接关系 这个目标可以是另一个网页 也可以是相同网页上的不同位置 还可以是一个图片 一个电子邮件地址 一个文件 甚至是一个应用程序 而在一个网页中用来超文本链接的对象 可以是一段文本或者是一个图片 当浏览者单击已经链接的文字或图片后 链接目标将显示在浏览器上 并且根据目标的类型来打开或运行 2 7 2页面链接 用HTML创建超文本链接需要使用标记符 结束标记符不能省略 它的最基本属性是href 用于指定超文本链接的目标 通过为href指定不同的值 可以创建出不同类型的超链接 在HTML文件中用链接指针指向一个目标 其基本格式为 标记超文本链接信息 2 7 3本地链接 超文本链接可以指向自己的计算机中的某一个文件 这种链接方式叫做本地链接 在文件中需要创建一个标签 即做一个记号 为页面中需