第二章节Web页面制作基础.ppt

第2章 Web页面制作基础 本章要点 HTML基本构成与标记格式 常用HMTL标记功能 HTML表单及表单控件 CSS选择符及引入方法 Javascript语言基础 2.1 HTML语言基础 HTML是为网页创建和其他可在网页浏览器中看到的信息设计的一种标记语言。它被用来结构化信息--标题、段落和列表等，也可用来在一定程度上描述文档的外观和语义。HTML现在成为国际标准 由万维网联盟（The World Wide Web Consortium ,W3C）维护。 2.1.1 HTML简介 HTML的描述语言，编写HTML语言的目的是为了能把存放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起 形成有机的整体，人们不用考虑具体信息是在当前计算机上还是在网络中的其他计算机上。 2.1.2 HTML基本构成 基本结构： Html Head title标题信息/title /Head body页面内容/body /Html HTML标记 在文档的最外层，文档中的所有文本和HTML标记都包含在其中，它表示该文档是以超文本标记语言（HTML）编写的。事实上 现在常用的Web浏览器都可以自动识别HTML文档，并不要求有HTML标记，也不对该标记进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标记的良好习惯。 Head标记 它是HTML文档的头部标记，在浏览器窗口中，头部信息是不被显示在正文中的，在此标记中可以插入其他标记，用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，但一般是不省略。 Title标记 Title是嵌套在Head头部标记中的,标记之间的文本是文档标题,它被显示在浏览器窗口的标题栏中. Body标记 Body/Body标记一般不省略,标记之间的文本是正文,是在浏览器要显示的页面内容. 2.1.3 标记的格式 HTML标记是一些用尖括号括起来的句子,是用来分割和标记文本和元素的,以形成文本的布局、文字格式等。标记通过指定某块信息为段落或标题等来标识文档的某个部件。属性是标记里的参数的选项。 其格式如下： 标记名称 属性=‘值’ 内容/标记名称 需要注意的是：输入始标记时，一定不要在与标记名之间输入多余的空格,也不能在中文输入法状态下输入这些标记及属性,否则浏览器将不能正确识别括号中的标记名称,从而无法正确显示信息。 2.2 常用的HTML标记 HTML标记主要用于控制网页内容的显示格式,在HTML标记中有一系列的标记如文本、段落、列表、表格、表单、图片等，使网页的结构更美观。 2.2.1 文本及版面风格控制 文本元素作为HTML最常用的元素，具有使用方法简单，参数较少和允许叠加使用等优点。合理使用这些元素能够使页面更为生动和清晰。 包括字体元素，标题字号，本文标记，页面整体风格控制，分段，换行，注释，特殊字符等等。 字体元素 字体元素Font在早期HTML版本中是一个仅次于P、BR的常用元素用来控制字体、字号和颜色等属性。在CSS广泛使用的今天,它使用的机会已经很少了,但是对于定义单个字符的字体和字型而言还是一种非常实用和有效的工具。简体中文版的浏览器默认字体显示为B号、黑色、宋体。 语法格式如下: font 属性=属性值内容/font 注意:font元素的首尾标记必须成对出现,结尾标记不能省略。 font有3个固定的属性:size、color 、face。 标题字号 HTML文档整体可以看作一篇文章，其中包含有各级别的标题，而各种级别的标题就由h1到h6元素来定义。其中h1代表最高级别的标题,依次递减,h6级别最低。作为标题，它们的重要性是有区别的，h1的重要性最高,h6的最低。 h1到h6属于块级元素，它们必须首尾成对出现。 文本元素 文本元素被广泛用于各种HTML页面中。它们可以显示出各种最基本的格式化效果，例如字号的大小、字型的斜体和粗体等，这些元素使用简单、方便、并且可以相互嵌套使用以便作出更为复杂的格式化文档。 最常见的有：B/B表示以粗体显示；I/I表示以斜体显示；U/U表示以下划线显示。 页面整体风格控制 对网页的整体风格控制主要通过Body标记的相关属性来实现,这个标记包含了所有文档文体内容,这些内容是被浏览器显示在屏幕上的,或者是被阅读器读出来的标记。 分段　换行　注释