XHTNL基础知识解析.ppt

2.3 丰富的body标签 4.列表的树形结构及应用范围 当一个列表嵌套在另一个列表中时，默认情况下，内层列表的样式将根据其嵌套级别而有所不同。 2.3 丰富的body标签 2.3.3富有感染力的图像的使用 1.图像标签img 1）必需属性 （1）src （2）alt 2.3 丰富的body标签 1.图像标签img 2）可选属性 ismap height usemap longdesc width 1 2 3 4 5 2.3 丰富的body标签 2.背景中的图片 使用CSS的background-image属性，可以向页面中加入装饰性的图像，而且不会把表现性的因素与内容混在一起。XHTML中几乎所有元素都能设置背景图像，元素的内容就覆盖在背景之上。 2.3 丰富的body标签 2.背景中的图片 默认情况下背景图像将在纵横两个方向平铺：从元素左上角开始，在纵向和横向反复绘制，直到填满元素拥有的区域。可以用background-repeat属性改变默认的平铺方式，设置图像只在横向平铺、只在纵向平铺或根本不平铺。 2.3 丰富的body标签 2.3.4超链接的应用 1.超链接 XHTML中的H就是hypertext的缩写,是超文本的意思。超文本链接语言（网页)的精髓就是链接,通过链接才可以把世界各地的网页链接到一起,成为互联网。链接是使万维网影响力巨大的最重要的特性之一。 2.3 丰富的body标签 2.超链接标签a 1）必需属性 a标签没有必需属性。 2）可选属性 （1）charset（2）coords（3）href（4）hreflang（5）rel（6）rev（7）shape（8）type 2.3 丰富的body标签 3.超链接的定义和应用 3）链接到非XHTML文档 4）链接到电子邮件地址 2）链接到指定位置 1）链接到其他文档 2.3 丰富的body标签 2.3.5简单表格和表单的创建 1.表格的基础知识 下面介绍用于创建表格的3个基本标签的属性。 2）tr标签 3）td标签 1）table标签 2.3 丰富的body标签 2.创建简单表格 1）caption标签 2）th标签 （1）abbr（2）align（3）char（4）charoff（5）colspan （6）headers（7）rowspan（8）scope（9）valign 2.3 丰富的body标签 3.表单的定义及工作原理 表单最简单的定义是网页上供用户输入信息的区域。访问者可以在空白区域中输入文字，在菜单中进行选择，然后单击按钮把这些信息发送出去以供处理。这些交互性的装置称为控件，它们的内容就是控件的值。 2.3 丰富的body标签 4.表单的组成部分 整个表单都包装在form和/form标签中。表单控件包括文本框、复选框、菜单和按钮等，访问者用它们输入信息或作出选择。提交表单时，所有控件的值都以名/值对的形式，作为数据集的一部分被发送给表单处理器。 2.3 丰富的body标签 4.表单的组成部分 select标签 input标签 button标签 textarea标签 option标签 form标签 课堂实训2-3 制作个人家庭网页 制作一个个人家庭网页，用来展示个人信息，表现自我个性，效果如图2-25所示。 图2-25 个人家庭网站效果图 2.4 实战训练：制作“我的汽车”网页 利用已有知识制作“我的汽车”页面，效果如图2-27所示。 2.5 思考与练习 1.如何设置刷新功能，使浏览器在5 s后自动刷新网页？ 2.如何设置超链接？ 3.如何利用图像美化网页？ 4.根据个人实践经验总结，在Dreamweaver的“代码”视图中编写HTML时有哪些技巧可以提高编写代码的效率？ 思考与练习 目录 目录 第2章 XHTML基础知识 掌握XHTML文档的结构。 会使用各种XHTML标签及其属性。 会使用Dreamweaver软件可视化的方式实现一个简单网页的设计。 学习目标 2.1 XHTML基本框架 2.1.1XHTML的部件 1.XHTML简介 HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签(markup tag)的集合，HTML使用标记标签描述网页。HTML标记标签简称HTML标签，是由尖括号包围的关键词，如html。 2.1 XHTML基本框架 2.标准属性 1）核心属性 （3）style （4）title （2）id （1）class 2.1 XHTML基本框架 2.标准属性 2）国际化属性 （1）dir （2）lang （3）xml:lang 2.1 XHTML基本框架 2.标准属性 3）焦点属性 （1）accesskey （2）tabindex