Dreamweaver ,CS3网页设计案例教程 教学配套课件 王春红 王瑾瑜主编 模块三 HTML基础.pdfVIP

模块三 HTML基础 任务一 认识HTML 任务一 认识HTML 任务一 认识HTML 任务二 HTML文档的基本结构 任务二 HTML文档的基本结构 任务二 HTML文档的基本结构 任务三 HTML常用标记及属性介绍 任务三 HTML常用标记及属性介绍 任务三 HTML常用标记及属性介绍 任务一 认识HTML 子任务1 HTML简介 HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超 文本文档的简单标记语言。用HTML编写的超文本 文档称为HTML文档，它能独立于各种操作系统平 台（如UNIX，WINDOWS等）。自1990年以来 HTML就一直被用作World Wide Web 的信息表示 语言，用于描述Homepage的格式设计和它与 WWW上其它Homepage 的连结信息。使用HTML 语言描述的文件，需要通过WWW浏览器显示出效 果。 任务一 认识HTML 子任务2 HTML制作简单网页 步骤1 单击【开始】→【程序】→【附件】→【记事本】，打开记事 本。输入代码如下，并将当前文件保存为lx1.html （文件名可自己定， 扩展名一定为.html），如图3-1所示。 3-1 HTML编辑 任务一 认识HTML 步骤2 单击【开始】→【程序】→【Internet Explorer】，打开网 页浏览器。单击【文件】→【打开】，弹出如图3-2所示对话框。 3-2 IE打开网页对话框 任务一 认识HTML 步骤3 单击〖浏览〗按钮，找到刚才建立的lx1.html文件，单击〖确 定〗，网页显示如图3-3所示。 3-3 浏览器显示网页 任务二 HTML文档的基本结构 子任务1 HTML语法 HTML文档是纯文本文档，由显示在窗口中的文字和HTML标记 （TAG ）组成。标记总是封装在由“”和“”组成的一对尖括号之 中。标记只改变网页的显示方式，本身不会显示在窗口中。标记有 单标记和双标记。 1．双标记 双标记由始标记和尾标记两部分构成，必须成对使用，如“title” 和“/title”，在始标记和尾标记之间放入要修饰或说明的内容。 始标记告诉Web浏览器从此处开始执行该标记所表示的功能，而尾 标记告诉Web浏览器在这里结束该功能。始标记前加一个斜杠（/ ） 即成为尾标记。 双标记的语法是： 标记 内容/标记 其中“ 内容”部分就是要被这对标记施加作用的部分。 任务二 HTML文档的基本结构 2 ．单标记 单标记只需单独使用就能完整地表达意思，这类标记的语法是： 标记 最常用的单标记是BR，表示在一个段落未结束时，显示强制换 行。 3．标记属性 许多单标记和双标记的始标记内可以包含一些属性，属性在双标记 的始标记内或单标记内指定。其语法是： 标记名字属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值），例如单标 记HR表示在文档当前位置画一条水平线（horizontal line），一 般是从窗口中当前行的最左端一直画到最右端。带一些属性： HR SIZE=2 ALIGN=CENTER WIDTH=50% 任务二 HTML文档的基本结构 其中SIZE属性定义线的粗细，属性值取整数，缺省值为1；ALIGN 属性表示对齐方式，可取LEFT （左对齐，缺省值），CENTER （居中），RIGHT （右对齐）；WIDTH 属性定义线的长度，可取 相对值，（由一对“ ”号括起来的百分数，表示相对于充满整个窗 口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数， 如WIDTH=300 ），缺省值是“100%”。 4 ．注释语句 像其它计算机语言一样，HTML文件也提供注释语句。浏览器会忽 略此标记中的文字而不做显示。注释语句的格式是： !-- 注释语句-- 任务二 HTML文档的基本结构