模块三 HTML基础课件.pptVIP

怪咙孟恬挥撕埔榆而砚销兽犹椒背七每涣族闻李浸枉豁蒙甥邻负蚤尝段歇模块三 HTML基础课件模块三 HTML基础课件 模块三 HTML基础 任务二 HTML文档的基本结构 任务三 HTML常用标记及属性介绍 任务一 认识HTML 症戏乖膳肥机冗整队乌瀑阁储炼随棍岸般单气细晓脊矢熏眼坛琶絮档辞躺模块三 HTML基础课件模块三 HTML基础课件 任务一 认识HTML HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 子任务1 HTML简介 改张傻鞋诸屑械起静恐于讽宿愿月心帕嚣焦熔讳术扛抛交样碑炮翻烃甲纲模块三 HTML基础课件模块三 HTML基础课件 任务一 认识HTML 步骤1 单击【开始】→【程序】→【附件】→【记事本】，打开记事本。输入代码如下，并将当前文件保存为lx1.html（文件名可自己定，扩展名一定为.html），如图3-1所示。 子任务2 HTML制作简单网页 3-1 HTML编辑 笆屯淋墨情罕战潦纯攒尿厩斜纬期间摩峪魔碘捂竟衣鼠斯誉手钞忱屎铱汽模块三 HTML基础课件模块三 HTML基础课件 任务一 认识HTML 步骤2 单击【开始】→【程序】→【Internet Explorer】，打开网页浏览器。单击【文件】→【打开】，弹出如图3-2所示对话框。 3-2 IE打开网页对话框 略属佬栅范谊末潘聂募途铲租寻莉惺菲暇碎虏拣猩探绳系锡懈汞娩脏赎删模块三 HTML基础课件模块三 HTML基础课件 任务一 认识HTML 步骤3 单击〖浏览〗按钮，找到刚才建立的lx1.html文件，单击〖确定〗，网页显示如图3-3所示。 3-3 浏览器显示网页 廊谦级捂谰拄能灌达静达萨遁妖谊脑肝盎桃酥拢菩涣绅梅骑浪钢羞洲筷逸模块三 HTML基础课件模块三 HTML基础课件 任务二 HTML文档的基本结构 HTML文档是纯文本文档，由显示在窗口中的文字和HTML标记（TAG）组成。标记总是封装在由“”和“”组成的一对尖括号之中。标记只改变网页的显示方式，本身不会显示在窗口中。标记有单标记和双标记。 1．双标记 双标记由始标记和尾标记两部分构成，必须成对使用，如“title”和“/title”，在始标记和尾标记之间放入要修饰或说明的内容。 始标记告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标记告诉Web浏览器在这里结束该功能。始标记前加一个斜杠（/）即成为尾标记。 双标记的语法是： 标记内容/标记 其中“内容”部分就是要被这对标记施加作用的部分。 子任务1 HTML语法 仙耍鳃肿奠桐猾身褒密羔电惶氓皮夺调恬售挂湖粟太会碍是桓联基童瞒蔼模块三 HTML基础课件模块三 HTML基础课件 任务二 HTML文档的基本结构 2．单标记 单标记只需单独使用就能完整地表达意思，这类标记的语法是： 标记 最常用的单标记是BR，表示在一个段落未结束时，显示强制换行。 3．标记属性 许多单标记和双标记的始标记内可以包含一些属性，属性在双标记的始标记内或单标记内指定。其语法是： 标记名字 属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性： HR SIZE=2 ALIGN=CENTER WIDTH=50% 丧章侩杜忘镜紫鞍峨鄙胯栗泌沏莹猜渍纵儿坏趾式哟撮灾总迂舔嗓谊顾泥模块三 HTML基础课件模块三 HTML基础课件 任务二 HTML文档的基本结构 其中SIZE属性定义线的粗细，属性值取整数，缺省值为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 “ ”号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是“100%”。 4．注释语句 像其它计算机语言一样，HTML文件也提供注释语句。浏览器会忽略此标记中的文字而不做显示。注释语句的格式是： !-- 注释语句 -- 浴骨帕椎捻芦唱盎年辖撑屡耀杯承紫牺眶肘怪氰定第卧爸凰蚀且篷湃捡二模块三 HTML