4-HTML基础介绍.docVIP

课题四、HTML基础介绍 教学要求： 了解什么是HTML 创建WEB页 发布WEB页 课时安排：2学时 教学重点： 创建WEB页 教学难点： 创建WEB页 教学环境：windowsXP/windows2000+Dreamweaver 8.0 教学过程： 组织教学：清点人数，填写教学日志 新课讲授（多媒体演示机＋板书）： 一、什么是HTML 1、WEB页的基本概念 全球信息网: WWW (World Wide Web，即Web )是由遍布在Internet上的称为Web服务器的计算机组成，它将不同的信息资源有机的组织在一起，通过一种叫做“浏览器”（比如IE、Netscape等）的软件进行浏览；所有WWW的页面都是用HTML编写的文件。 超文本标记语言: HTML—— Hyper Text Markup Language其格式为ASCII码, 即纯文本文件, 是WWW用于建立与识别超文本文档的标准语言。 网页(Webpage)：在浏览器上看到的画面叫网页 主页(Homepage)：进入网站后所看到的第一个页面 ( index.htm ) 网站(Site)：是一组相关网页的集合 网页文件：就是指HTML文件，网页上的所有数据全部由HTML文件控制。 超链接（Hyperlink)：是WWW上的一种链接技巧，通过单击某个图标或某段文字，就可以自动连接相对应的其他文件，从一个网页跳转到另一个网页。 2、HTML工作原理 若在浏览器中任意打开一个网页，在窗口空白位置右击选择“查看源文件”命令（或“查看”菜单中的“源文件”命令），则系统会启动“记事本”，显示一些文本信息，这些就是HTML的源代码。 在其中通过使用标记符告诉浏览器如何显示网页。浏览器按顺序读取HTML文件，然后根据内容周围的HTML标记符解释和显示各种内容。 利用一些指令符号，来标记表示出各种文件效果。 由浏览器来解读HTML的指令符号，将文件格式效果展现出来。 纯文本文件。 图形、声音等文件必须用其他软件制作，再用HTML的标记编排在网页的原始文件里。 二、创建WEB页 1、标记符基础 （1）标记 标记：为了使所要显示的内容达到一定的效果，在内容中加入的特定标识。 标记受标记影响的内容/标记 单一标记：只要一个标记就能完成所需表示的功。如hr、br 成对标记：需要两个标记组合才能完成所需功能。 如body和/body、html和/html 每个标记都用“”（小于号）和“”（大于号）围住。 注意：“”、“”与标记之间不能留有空格或其他非标记字符 例：H1这里是标题/H1 在标记前加 “/”是结束标记 标记字母不区分大小写,一般标记用大写有利于维护，属性用小写。 对同一段要标记的内容，可以使用多个标记来共同作用，各个标记间的顺序是任意的。 （2）标记属性 属性：标记通过属性来精确控制信息，以便制作出各种效果。 标记　属性１＝属性值　属性２＝属性值…内容/标记 并不是每个标记都有属性。 所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔；属性的值放在相应属性之后。 可以根据需要使用标记的所有属性或几个属性，不同属性之间用空格分隔，属性之间没有顺序。 属性和标记一样，也不区分大小写。 例如：FONT size=”1” color=”green”本行字将以较小字体显示/FONT 2、HTML文件结构 html head title网页的标题/title /head body 网页的内容 /body /html 以HTML开头，以/HTML结尾。 包括头部（Head）和主体（Body）两大部分。 head…/head：网页的题头，说明文件命名与文件本身的相关信息。 title…title：网页标题，在浏览器的标题栏显示。 body…body：网页的正文。 例如： html head title这里是网页的标题/title /head body请看浏览器的标题栏 /body /html 首部标记：不包括WEB页的任何实际内容，而是提供一些与WEB页有关的特定信息。例如，网页的标题、定义样式表、插入脚本等。 A、TITLE 标记符 B、META标记符：用于说明与WEB页有关的信息，可以说明文件创作工具、文件作者等信息。 META标记符常用属性：name（给出特性名）,http-equiv（指定HTTP响应名称通常用于替换name属性）,content（给出特性值）。 META标记符常用功能是设置自动转址功能，使浏览器从一个地址转到另一个地址。 例如： html head titleMETA示例/title META http-equiv=”Refresh” content=