HTML与Javascript简单基础.ppt

一、 HTML语言 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。 通过HTML，将所需要表达的信息按某种规则写成HTML文档，通过专用的浏览器来识别，并将这些HTML翻译成可以识别的信息，就是所见到的网页。 HTML文档的编写方法 手工直接编写 记事本等，保存为 .htm 或 .html格式 使用可视化HTML编 辑 器（方便、快捷） Dreamweaver、 Frontpage等 为何要学习HTML呢？ 因为HTML语言是所有网页的基础，用HTML语言制作的网页可以更精确的控制页面的排版，代码更优化，实现更多的功能。 使用可视化工具生成的网页都含有大量的冗余代码（10%）。从而使网页的访问速度降低，浪费存储空间。 HTML 文档的基本结构 一个典型的HTML文本的基本结构形式如下： HTML HEAD TITLE 文本标题 ／TITLE ／HEAD BODY 网页主体内容 ／BODY ／HTML 上述文档用到四种标记符，其意义如下： （1）html标记符 html /html 这两个标记符是HTML文档的标记符。html处于文档的最前端，表示文档的开始，即浏览器从html开始解释。 而/html则标记位于文档的最后，表示HTML文档的结束。html和/html之间是 html文档的内容。 （2）head标记符 head /head head 是HTML文档头标记符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。head 通常与某些标记符一起使用，如title标记符。 用于说明HTML文档首部的有关信息，如文档的标题、向有哪些信誉好的足球投注网站引擎说明的网页的关键词、网页作者、网页使用的字符集等。 该标记是可选的，如果没有，浏览器仍会解读文档。 （3）tilte标记符 title /title title /title指定网页文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。 （4）body标记符 body /body body 用于定义HTML文档的主体部分，位于首部下面。在body 和/body 标记符之间的文字，都可以显示在浏览器窗口中。 HTML文档中的注释 HTML文档中的注释，采用“！”标记。 “!--”表示注释开始， “--”表示注释结束。 HTML文档中的注释可以出现在文档的任何部分。 例如： !-- 这是我的第一个网页 -- HTML语言的语法规则 HTML标记不区分大小写； 需要说明的是，虽然HTML 标记对大小写是不敏感的，如body 和 BODY 的作用的相同的，但建议在HTML4 中使用小写标记，因为万维网联盟 (W3C) 已经规定：在 XHTML（下一代 HTML）中，必须使用小写标记。 关于XHTML语言，在本章第二节中介绍。 HTML语言的语法规则 HTML标记的一般格式 标记名 属性1=属性值1 属性2=属性值2 … 受影响的文本或图像等内容 /标记名 例如：a href=“sample.html” 简单网页实例 /a a 为开始标记，其中，href为a标记元素的属性，“sample.html”为属性值。 /a为结束标记。文字信息 “简单网页实例” 是位于两个标记之间的、被修饰的文本对象。 常用的HTML标记 本节简要介绍几种常用的HTML标记。根据其作用，我们将要介绍的HTML标记划分为如下几类： 1、页面(page)标记 2、文字格式(text style )标记 3、图像(image)标记 4、表格(table)标记 5、表单(form)标记 6、其它标记 1、页面标记 主要介绍6 个标记： html, head, body, title, meta, a html, head, body, title已经介绍过了。 下面讲解meta, a标记 meta标记 meta用于对文件特征的描述。meta?标签用于网页的head与/head中，meta?标签的用处很多。 meta?的属性有两种：name 和 http-equiv。 name属性主要用于描述网页，对应于content（网页内容）