下载此文档

第9章返璞归真的HTML.ppt

文档分类：IT计算机 | 页数：约31页举报非法文档有奖

1/31

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/31 下载此文档

文档列表 文档介绍

:编写第一个网页 : 任务一:编写第一个网页<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)现在这个图像和第一行文字单独占据一行。任务二:添

第9章返璞归真的HTML 来自淘豆网www.taodocs.com转载请标明出处.

第9章 返璞归真的HTML.ppt

第9章返璞归真的HTML.ppt