网页制作的基础语言——HTML.pptVIP

网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2006.8 2.2 HTML文档的基本结构 HTML HEAD TITLE一个简单的HTML示例/TITLE /HEAD BODY CENTER H3欢迎光临我的主页/H3 BR HR SIZE=“3” ALIGN=“LEFT” WIDTH=“75%” FONT size=“2” color=“red”　 湖南师大 /FONT /CENTER /BODY /HTML 标记分为2种： (1)双标记 它由“初始标记”和“尾标记”以及被标记影响的内容三部分构成，初始标记和尾标记必须成对使用。而尾标记就是前面多了一个/。 例如：标题标记title湖南师大/title。 (2)单标记 单标记只需单独使用就能完整地表达意思。 例如：BR换行标记。 2. 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为： 标记 属性1=属性值1 属性2=属性值2 … 受影响的内容 /标记 这些属性之间无先后次序，属性也可省略，也就是取默认值。 例 2-1 html head title 我的第一个网页 /title /head body 最简单的网页 /body /html 练习题 为唐诗《回乡偶书》用html语言做一张网页显示，要求如下： 1、 “回乡偶书”用2号标题居中显示；作者“贺知章”用5号标题同样居中显示。 2、正文的四句诗分两行显示。其中前两句用绿色的4号隶书字体加粗显示；后两句用红色的4号幼圆字体以倾斜的效果显示。 3、正文和标题之间加一条兰色的三号水平线进行分隔。 4、最后对本诗的解析部分，要求独立成一段，并且中间不换行。 超链接练习题 1、在目录的《静夜思》和《回乡偶书》上建立超链接。分别链接到tangshi文件夹中的jys.html和hxos.html网页文件。 2、在jys.html网页文件的“目录”两个字上建立超链接，使之重新链接回目录网页文件mulu.html。 3、在hxos.html网页文件的“简析”两个字上建立指向jianxi文件夹中jianxi.html网页文件的链接，并要求使用书签标记，链接到其中有关《回乡偶书》简析的部分。 列表图片习题 2.10 字幕、音频和视频 marquee标记的应用技巧 : 1、 marquee标记的属性值尽量使用默认值。 marquee 字幕内容/ marquee 2、多行文本的活动字幕 ： marquee  活动字幕内容第一行br  活动字幕内容第二行br  活动字幕内容第三行br  /marquee 3、在字幕内容中加入图片，例如： marqueeimg src=123.gif width=17 height=16这是加入图象的活动字幕/marquee 2.12 表单 disabled属性和readonly属性： （1）disabled属性可以将一种操作屏蔽起来 ： INPUT type=text value=eschool disabled INPUT type=button value=确定 disabled （2）readonly属性将TEXT转化为一个只读对象，禁止对它进行编辑。 INPUT type=text value=1500 readonly 图片也可作为热点，单击图片则跳转到被链接的文本或其他文件。格式为： a href=URL img src=图片文件名 /a 例如，下面代码： a href=vb_book.html img src=vb.jpg alt=VB封面 width=140 height=190 hspace=10 vspace=5 /a 2.7 图片 2.7.3 用图片作为超链接 无序列表中每一个表项的前面是项目符号（如●、■等符号）。建立无序列表使用UL标记和li表项标记。格式为： ul type=符号类型 li type=符号类型1 第一个列表项 li type=符号类型2 第二个列表项