2制作第一个HTML网页.ppt

* 主讲：冯树茂 深圳市龙城初级中学HTML语法是由标记(Tags)和属性(Attributes)所组成。 标记(Tag):HTML标记通常可以分成两种，第1种是用来识别网页上的元件或描述元件的样式。第2种是用来指向其他资源。 2-1 认识HTML I快快乐乐学 HTML 4.01 入门教材/I 起始标记 内容 结束标记 实际效果图 属性(Attribute):属性是用来描述作用域中元件特点的。 H1 COLOR=“#ff0000” ALIGN=“CENTER”欢乐颂/H1 起始标记 空格 属性 值 空格 属性 值 内容 结束标记 实际效果图 值(Value)：通常属性会有一个值，而且这个值必须从预先定义好的范围内选取。 2-2 编辑HTML 文件的工具及注意事项 如果使用记事本编写HTML文件，应该将文件后缀名改成.htm或者.html。 HTML 文件的整体架构可以分成3个部分——HTML版本声明、标题声明、文件主体(Body)。 2-3 HTML 文件的整体结构 !DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.01//EN” “/TR/html40/strict.dtd” HTML HEAD TITLE我的第一个网页/TITLE /HEAD BODY Hello World! /BODY /HTML HTML版本声明 标题声明 文件主体 第一部 第二部 第三部 图2-3 网页的文件名 网页的内容 HEAD…/HEAD标记包含文件的相关信息，如网页的标题、样式定义、网页使用的Scripts、对搜索引擎有帮助的关键字。 2-3-3HEAD…/HEAD标记 TITLE…/TITLE标记是用来指定文件的标题，此标题会显示在浏览器的标题栏。 TITLE标记接受LANG和DIR两个属性。 2-3-4 TITLE…/TITLE标记 属性说明： 表2-1 常见的颜色名称 颜色名称 颜色值 Black White Green Yellow Purple Silver Maroon Teal (黑) (白) (绿) (黄) (紫) (银) (褐) (蓝绿) “#000000” “#FFFFFF” “#008000” “#FFFF00” “#800080” “#C0C0C0” “#800000” “#008080” 如网页的标题(TITLE)、网页的主体(BODY)、标题1(H1)、标题2(H2)、粗体(B)、斜体(I)、段落(P)、分项符号清单(UL)、编号清单(OL)等； 如IMG可用来插入图片、APPLET可用来插入Java Applets、A可用来识别网页内的位置或超链接等。 HTML标记是以““、““两个符号括起来，而且多数标记会成对出现，举例来说，假设您想将一串文字设成斜体(如 Happy)，那么您只要输入文字，然后分别在文字的前后加上I和/I标记即可(如IHappy/I)，其中I是起始标记，/I是结束标记。当然，还是有些标记不会成对出现，例如BR是插入中断字符，若您要在一串文字后面加上中断字符，那么只要输入文字，然后在文字后面加上BR标记即可(如StudioBR)。 您可以在一个标记后面加上数个属性，但要注意的是标记与属性及属性与属性之间必须加上一个空格。 一般来讲，属性可用来指定如文字的大小，对齐方式、颜色以及网格的风格、图片尺寸等。通过设定属性，可以达到更好的视觉效。 举例来说，我们要将一串文字设成标题1，而且文字为红色、居中对齐，那么我们除了要在文字的前后分别加上H1和/H2标记之外，还要加上红色及居中对齐属性，例如： 例如，HR(水平线)标记的ALIGN(对齐方式)属性的值只有LEFT、RIGHT、CENTER 3种，您不能再自行指定其他值。请注意，我们通常会在值的前后加上双引号“”“，但如果值是由英文字母、数字（0~9）、减号（-）或小数点（.）所组成，那么双引号可以省略。 * * * 如网页的标题(TITLE)、网页的主体(BODY)、标题1(H1)、标题2(H2)、粗体(B)、斜体(I)、段落(P)、分项符号清单(UL)、编号清单(OL)等； 如IMG可用来插入图片、APPLET可用来插入Java Applets、A可用来识别网页内的位置或超链接等。 HTML标记是以““、““两个符号括起来，而且多数标记会成对出现，举例来说，假设您想将一串文字设成斜体(如 Happy)，那么您只要输入文字，然后分别在文字的前后加上I和/I标记即可(如IHappy/I)，其中I是起始标记，/I是结束标记。当然，还是有些标记不会成对出现，例如BR是插入中断字符，若您要在一串文字后面加上中断字符，那