《网页设计与制作教程 Dreamweaver +Photoshop+Flash版 教学课件 ppt 作者 刘瑞新第2章 网页设计基础语言HTML与XHTML》由会员分享，可在线阅读，更多相关《网页设计与制作教程 Dreamweaver +Photoshop+Flash版 教学课件 ppt 作者 刘瑞新第2章 网页设计基础语言HTML与XHTML（20页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作教程,（Dreamweaver+Photoshop+Flash）,机械工业出版社,第2章 HTML与XTML,2.1 HTML与XHTML,1HTML与XHTNL是什么 HTML（超文本标签语言）和XHTML（可扩展超文本标识语言）都是一种用于文档布局和超文本链接规范的语言。它定义了许多带有语义的命令，虽然浏览器中不会显示这些命令，但是它们可以告诉浏览器如何显示文档内容（如文本、图片和其他媒体等）。这种语言还可以通过超文本链接把用户的文档与其他互联网资源联系起来。 总而言之，XHTML就是一个扮演着类似HTML角色的XML。本质上，XHTML是一个过渡，结合了XML的一些功能和H
2、TML大多数的特性。 2什么是HTML文档 HTML文档包含HTML标签和纯文本，它被Web浏览器读取并解析后以网页的形式显示出来，所以HTML文档又被称为网页。,2.1.1 HTML概述及其语法,3什么是HTML标签 标签（tag，也称标记）是用一对尖括号“”括起来的单词或单词缩写，它是HTML文档的主要组成部分。 4HTML文档的基本结构,2.1.1 HTML概述及其语法,2.1 HTML与XHTML,2.1.2 使用记事本创建HTML文档,2.1 HTML与XHTML,1XHTML文档 XHTML是The Extensible Hyper Text Markup Language(可扩展
3、超文本标识语言)的缩写，它是一种标记语言，不需要编译便可直接由浏览器执行，表现方式与超文本置标语言（HTML）类似。 2XHTML文档的基本结构 （1） 文档类型声明部分。 （2）名字空间。 （3）head元素。 （4）title元素。 （5）body元素。,2.1.3 XHTML概述,2.1 HTML与XHTML,XHTML语法规则比HTML语法规则要严格许多，具体内容主要分为以下几方面： 1所有的标签都必须关闭，即便是空标签也必须关闭 2所有标签的属性必须是小写 3所有标签的属性值必须用英文格式的双引号括起来 4所有标签都必须合理嵌套 5特殊字符需用编码表示 6明确属性值，且不能简写 7用
4、id属性代替name属性 8页面注释 。,2.1.4 HTML与XHTML有何区别,2.1 HTML与XHTML,2.2 页面标签,1title标签 标签位于与中，用于标示文档标题。,2.2.1 排版标签,在网页中使用h系列标签标示标题，h系列标签共有6个，即，它们就像大纲的级别一样，代表最顶级的标题，字号最大；标题级别最小，字号也最小。,2标题标签,2.2 页面标签,4换行标签,3段落标签,2.2 页面标签,标签用于告诉浏览器在何处插入一个横跨整个显示器窗口的水平分割线。,5水平分割线标签,2.2 页面标签,2图像标签,1超链接标签,2.2.2 超链接标签与图像标签,2.2 页面标签,1无序
5、列表ul,2.2.3 列表标签,2.2 页面标签,浏览器会将有序列表的内容格式设置为与无序列表相似的外观，唯一不同的是列表条目前面添加的是编号，而不是项目符号。,2有序列表ol,2.2 页面标签,3定义列表dl,定义列表的条目可以带有文本、图片和其他多媒体元素，它由和标签所包围。,2.2 页面标签,2.2.4 表格标签,1标签 2标签 3与标签,2.2 页面标签,2.2.5 表单标签,2.2 页面标签,2.2.5 表单标签,1标签 标签用于为用户输入创建HTML表单。在文档主体中，表单可以被放置于任何位置，只要将表单的元素都放在标签与结束标签中就可以，此外form元素是块级元素，其前后会产生换行。 2标签 标签用于定义表单控件，根据不同type的属性值，输入字段拥有很多种形式（文本字段、复选框、掩码后的文本控件、单选按钮和按钮等）,3标签 4标签 5标签,2.2 页面标签,2.3 课堂综合练习,2.3.1 编写HTML文档,2.3.2 预览并美化文档,2.3 课堂综合练习,2.4 课堂综合实训,
