制作第一个HTML网页,2制作第一个HTML网页.ppt

2制作第一个HTML网页

* 主讲：冯树茂 深圳市龙城初级中学HTML语法是由标记(Tags)和属性(Attributes)所组成。 标记(Tag):HTML标记通常可以分成两种，第1种是用来识别网页上的元件或描述元件的样式。第2种是用来指向其他资源。 2-1 认识HTML 快快乐乐学 HTML 4.01 入门教材 起始标记 内容 结束标记 实际效果图 属性(Attribute):属性是用来描述作用域中元件特点的。

欢乐颂

起始标记 空格 属性 值 空格 属性 值 内容 结束标记 实际效果图 值(Value)：通常属性会有一个值，而且这个值必须从预先定义好的范围内选取。 2-2 编辑HTML 文件的工具及注意事项 如果使用记事本编写HTML文件，应该将文件后缀名改成.htm或者.html。 HTML 文件的整体架构可以分成3个部分——HTML版本声明、标题声明、文件主体(Body)。 2-3 HTML 文件的整体结构 -//W3C//DTD HTML 4.01//EN” “/TR/html40/strict.dtd”> 我的第一个网页 Hello World! HTML版本声明 标题声明 文件主体 第一部 第二部 第三部 图2-3 网页的文件名 网页的内容 …标记包含文件的相关信息，如网页的标题、样式定义、网页使用的Scripts、对搜索引擎有帮助的关键字。 2-3-3…标记 …标记是用来指定文件的标题，此标题会显示在浏览器的标题栏。 标记接受LANG和DIR两个属性。 2-3-4 …标记 属性说明： 表2-1 常见的颜色名称 颜色名称 颜色值 Black White Green Yellow Purple Silver Maroon Teal (黑) (白) (绿) (黄) (紫) (银) (褐) (蓝绿) “#000000” “#FFFFFF” “#008000” “#FFFF00” “#800080” “#C0C0C0” “#800000” “#008080” 如网页的标题()、网页的主体()、标题1(

)、标题2(

)、粗体()、斜体()、段落(

)、分项符号清单(

• )、编号清单(

1. )等； 如可用来插入图片、可用来插入Java Applets、

可用来识别网页内的位置或超链接等。 HTML标记是以““两个符号括起来，而且多数标记会成对出现，举例来说，假设您想将一串文字设成斜体(如 Happy)，那么您只要输入文字，然后分别在文字的前后加上和标记即可(如Happy)，其中是起始标记，是结束标记。当然，还是有些标记不会成对出现，例如
是插入中断字符，若您要在一串文字后面加上中断字符，那么只要输入文字，然后在文字后面加上
标记即可(如Studio
)。 您可以在一个标记后面加上数个属性，但要注意的是标记与属性及属性与属性之间必须加上一个空格。 一般来讲，属性可用来指定如文字的大小，对齐方式、颜色以及网格的风格、图片尺寸等。通过设定属性，可以达到更好的视觉效。 举例来说，我们要将一串文字设成标题1，而且文字为红色、居中对齐，那么我们除了要在文字的前后分别加上

和标记之外，还要加上红色及居中对齐属性，例如： 例如，(水平线)标记的(对齐方式)属性的值只有LEFT、RIGHT、CENTER 3种，您不能再自行指定其他值。请注意，我们通常会在值的前后加上双引号“”“，但如果值是由英文字母、数字(0~9)、减号(-)或小数点(.)所组成，那么双引号可以省略。 * * * 如网页的标题()、网页的主体()、标题1(

)、标题2(

)、粗体()、斜体()、段落(

)、分项符号清单(

)、编号清单( )等； 如可用来插入图片、可用来插入Java Applets、