教科版高中信息技术选修三课件：4.3网站实现-HTML代码（一） (17张PPT)

代码练习1：将下面的代码复制到‘记事本’中，并保存文件名为“myweb.html”。（文件保存在桌面上的“练习”文件夹中） <HTML> <HEAD> <TITLE>诗歌</TITLE> </HEAD> <BODY> 《送孟浩然之广陵》 故人西辞黄鹤楼，烟花三月下扬州。 孤帆远影碧空尽，惟见长江天际流。 </BODY> </HTML> 代码练习2：修改记事本中代码的body区，如下。（查看网页有什么变化） <p>《送孟浩然之广陵》</p> <p>故人西辞黄鹤楼，<br>烟花三月下扬州。</p> <p>孤帆远影碧空尽，<br>惟见长江天际流。</p> 代码练习3：修改记事本中的代码，如下。（注：不删除任何代码，只在相应位置添加align= left、center或right）使得网页出现如图效果。 代码练习4：修改记事本中的代码，如下。查看网页效果。(注：代码中的引号是英文的引号。) <p><font face=”黑体” color=”green” size=7>《送孟浩然之广陵》</font></p> 巩固练习4：修改记事本中的代码，使得诗的正文前两句为楷体_GB2312，紫色，字号6；后两句为隶书，蓝色，字号5。 Black = "#000000" Green = "#008000" Silver = "#C0C0C0" Lime = "#00FF00" Gray = "#808080" Olive = "#808000" White = "#FFFFFF" Yellow = "#FFFF00" Maroon = "#800000" Navy = "#000080" Red = "#FF0000" Blue = "#0000FF" Purple = "#800080" Teal = "#008080" Fuchsia = "#FF00FF" Aqua = "#00FFFF" 代码练习5：在记事本中适当位置添加标签，使诗的标题加粗，正文前两句倾斜，后两句加下划线。 2 $$ HTML代码（一） 网页制作 HTML概述  HTML（HyperText Markup Language的缩写），即超文本标记语言。它是在互联网发布网页的通用语言。所谓超文本，就是它可以加入图片、声音、动画、影视等内容，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML标记，这些标记并不是一种程序语言，它只是一种排版网页中资料显示位置的标记语言。每个标记的符号都是一条命令、它告诉浏览器如何显示文本。这些标记均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。 HTML概述 HTML文档本身是文本格式的文件，所HTML代码可由任何一种文本编辑软件，如记事本、写字板和WORD等进行编辑。编辑完后进行保存，把文件的扩展名改为.htm或.html，用浏览器就可以浏览到相应的网页。它的兼容性非常好，可以适用于不同的浏览器。 请同学们完成“练习”文件夹中“基础代码练习.doc”中的代码练习1。 1. HTML文件的基本结构 <HTML> <HEAD> <TITLE>网页的标题</TITLE> </HEAD> <BODY> 文档主体，正文部分 </BODY> </HTML> <HTML>在最外层， 表示这对标记间的内容是HTML文 档 文档的头部标记,在浏览器窗口中，头部信息是不被显示在正文中的,在此标记中可以插入其它标记，用以说明文件的标题和整个文件的一些公共属性。 网页标题，它被显示在浏览器窗口的标题栏。 文件主体信息，标记之间的文本是正文，是在浏览器要显示的页面内容。 完成代码练习2 2. 段落标记 (1)强制换行标记<BR> 强制换行的格式为： 文字<BR> (2) 强制换段标记 段落标记<P></P>放在一段文字的首尾，就定义了一个新段落的开始。<P>标记不但能使后面的文字换到下一行，还可以使两段之间留一空行。 强制换段标记的格式为： <P>受影响的文字</P> 强制换段标记可以看作两个强制换行标记<BR><BR> 设置段落对齐方式标记 设置段落对齐方式标记的格式为： <P align=对齐方式>文字</P> 其中属性align用来设置段落的对齐方式，可以为left、center 或right，分别表示段落左对齐、段落居中、段落右对齐。默 认为left。 完成代码练习3 完成代码练习4 4.文字标记的格式为： <FONT face=字体名 color=颜色 size=数字 > 被设置的文字 </FONT> 属性size用来设置