简单HTML示例.doc

实例一 1.要求： 知识要点： html 文档的基本结构，html 标签的书写格式、作用、用法 实训目的： 掌握 html 文档的基本结构，掌握 html 代码网页编辑的基本方法实训内容： html head title body 标签等, 在网页中插入文字　　　　　　body 标签及其属性：bgcolor、 background、 text、 link、 alink、 vlink、 leftmargin、 topmargin 特别提醒： 当有title而丢掉/title或书写错误时，文档不能正确浏览　　　　　　在html文档中，html、head、title 被完全省略、部分省略或嵌套不严格，是允许的，但这却不是一个　　　　　　好习惯用记事本编辑网页文件，在保存文件时，一定要注意文件扩展名写为 .html 或 .htm 问题导学： 请听本页有优美的背景音乐“贝多芬第五交响乐”，如果想删除背景，如何改写代码？ 2.代码： html head title简单的html示例/title bgsound src=../music/bendif.mid /head body background=../img/bg.jpg center h3我的第一个网页/h3 hr/ font size=2 这是我做的第一个网页，欢迎光临！谢谢！ This is my first web. Welcome. /font /center /body /html 3.效果： 实例二 1.要求： 知识要点： 以默认格式显示文字，用FONT标签设置显示文字的格式实训目的： 掌握设置网页中文字的大小、字体、字型、字号、颜色等实训内容： font 标签及其属性：face、size、color　　　　　　 b、i、u 标签等知识扩展： 控制文字的大小、字体、字型、字号、颜色，还可以使用 CSS 样式 操作提示： 按下 新窗口浏览 按钮可在新窗口中浏览所编辑的网页　　　　　 本网页下部有图片素材和音乐素材, 可用作背景图片或背景音乐插入网页中, 路径在其下方可复制引用 2.代码： html head title设置字体字型字号及文字颜色/title /head body bgcolor=#EEFFFF font face=幼圆 size=1 color=#000000幼圆黑色 size=quot;1quot;/fontnbsp; nbsp; font face=隶书 size=2 color=#0000ff隶书蓝色 size=quot;2quot;/fontnbsp; nbsp; font face=黑体 size=3 color=#ff0000黑体红色 size=quot;3quot;/fontnbsp; nbsp; font face=楷体_GB2312 size=4 color=#00ff00楷体绿色 size=quot;4quot;/fontbr/ font face=方正舒体 size=5 color=#ff00ff方正舒体紫色 size=quot;5quot;/fontnbsp; nbsp; font face=华文彩云 size=6 color=#333333华文彩云深灰色 size=quot;6quot;/fontbr/ font face=华文琥珀 size=7 color=#808080华文琥珀灰色 size=quot;7quot;/fontbr/ font color=#808000bB加粗/bnbsp;iI斜体/inbsp; uU下划线/unbsp; strikestrike删除线/strike/font /body /html 3.效果： 实例三 1.要求： 知识要点： 设置文章及章节的标题实训目的： 掌握在网页中设标题文字的方法，包括标题文字的大小、对齐方式等。实训内容： h1 h2 … h6 标签及其属性：align 提高练习： 练习设置标题文字的 字体、颜色、字型等 操作提示： 编辑左框中的代码,按下 查看结果 按钮, 网页的浏览效果会显示在右框中 　　　　　　在新窗口中浏览网页,可改变窗口大小以详细观察效果 2.代码： html head title设置文章标题/title /head body bgcolor=#FFFFEE h1一级标题，默认左对齐/h1 h2 align=center二级标题，用“center”设置为居中对齐/h2 h3 align=left三级标题，用“left”设置为左对齐/h3 h4 align=right四级标题，用“right”设置为右对齐/h4 centerh5五级标题，用“center”标签设置为居中对齐/h