1 / 31
文档名称:

第9章 返璞归真的HTML.ppt

格式:ppt   大小:830KB   页数:31页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

第9章 返璞归真的HTML.ppt

上传人:kt544455 2019/11/18 文件大小:830 KB

下载得到文件列表

第9章 返璞归真的HTML.ppt

相关文档

文档介绍

文档介绍::编写第一个网页 : 任务一:编写第一个网页<html>,<head>,<title>,<body>都是HTML语言的结构标识,通常都是“双向标识”,书写格式一般为<标识名>内容</标识名>。以上的4个标识就可以构成一个最简单的网页了。<html>表示这个文件是HTML格式的文件,也就是网页的文件。整个HTML文件的所有内容都应该包含在一对<html></html>标识之间。也就是说,HTML文件必须以<html>开始,以</html>结束。 任务一:编写第一个网页<head>和</head>标识表示一个网页的头部。在一对<head>与</head>代码之间,一般要有一对<title>与</title>标识,写在<tilte>与</tilte>中间的内容就是显示在浏览器标题栏中的文字。<body>和</body>表示的是网页的主要内容。一个网页的头部内容放在<head>中,而具体内容就要写在<body>中了。 任务二: 添加文字(1)打开上面的网页,单击鼠标右键,从打开文件的子菜单中选择记事本。(2)在页面中添加文字很简单,只要将想要添加的文字输入到<body>与</body>标识之间就可以了,将一段话输入到<body>与</body>之间,并且分好段,如图9-5所示。下一页吃衍谎撑篇缸芝涝捅奴孝裂槐符*** 任务二:添加各种元素(3)在文本的开头和结尾处加上<pre></pre>这对标识,如图9-7所示。保存后,再到浏览器中看一下,如图9-8所示。(4)在记事本文件中将这一对标识删除,在每个需要换行的段尾处加入<br>标识,如图9-9所示。 任务二: 文字大小、颜色和样式(1)下面学****一下设置文字样式的各种HTML标识。(2)我们还可以为文字添加其他效果,如在文字前面加上<b></b>标识,可以使文字加粗显示,如图9-17和图9-18所示。(3)如果想让文字居中显示,还可以在标识外分别加上<center>与</center>标识。 任务二: 设置页面的标题与用Dreamweaver制作网页一样,应该为每个页面设置标题,也就是在浏览器栏标题中显示的文字,用手写HTML代码编写网页时,这项功能很容易就可以实现。只要在<title></title>标识中,输入这个网页的标题就可以了。我们输入“友情链接”,如图9-21所示。将这个文件保存一下,到浏览器中看一下标题栏的文字变了没有,如图9-22所示。 任务二: 设置页面的背景颜色和背景图像(1)在<body>的尖括号中加入一句代码“bgcolor=yellow”,如图9-23所示。(2)再来看一下用图像作为背景的代码编写方法。将刚才添加的“bgcolor=yellow”背景颜色的代码改为“background=”,如图9-25和图9-26所示。 任务二: 插入图像现在这个页面有文字,有背景图像了。不过这样还不能吸引人,要是再插入几张图像就更好了。(1)将文字的对齐方式标识<center>和</center>去掉,在<body>标识之后、文字之前的位置输入代码<imgsrc=>,如图9-27所示。(2)先到浏览器中查看一下,再来看看代码的含义。(3)现在这个图像和第一行文字单独占据一行。 任务二:添