文档详情

HTML基础教程33042.doc

发布:2017-09-05约字共34页下载文档
文本预览下载声明
HTML基础-第一讲 / 8/8/2002 网人俱乐部 ??? HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。 ? ?先简单的介绍一下HTML语言(我们在这灌输大家的是能够实际操作),HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。 ? ?是呀,HTML并不是很神奇,只是因为你不是很了解它,现在咱们就开始接她的面纱: ? ?一、HTML的组成结构(头部、眼睛、身体好像一个人一样是不是?) ? ? ?1、头部。只要你学过英语,你应该知道头怎么用英文写吧!yes,HEAD就是了;所以,头部的HTML写法就是head头部的内容/head,简单不,大家注意一下,这两个非常相似,只是后一个比前一个多了“/”符号。类似这样的以后会经常用到。 ? ? ?2、眼睛。就好像人的眼睛一样,它是心灵的窗口,而一个网页的眼睛应该就是它的页面的标题了,标题怎么说呢?title,yes!大家知道眼睛是长在头上的,所以啦:title标题/title这些应放在head和/head之间。也就是 headtitle标题/title/head ? ? ?3、身体。身体是网页最主要的部分了,因为前面讲的都不是页面所显现出来的,而大家所看到的页面页就是他的身体部分了(当然它的TITLE可以在浏览器的最左上角可以看到),身体BODY,他的写法也就是:body页面内容/body ? ? ? ? ? ?最后,别忘了把这些部分组成一体网页,所以咱们就用html/html把他们给包起来。 好了,咱们来大体看看网页的结构: html ?head ? ?title ? ?标题 ? ?/title ?/head ?body ?页面内容 ?/body /html ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 第一讲完 HTML基础-第二讲 / 8/8/2002 网人俱乐部 我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则: ?先从它的身体部分(body) 开始: ?欣赏一个网页时,一般先注意到的是这个页面的背景,如果有背景音乐,那就更吸引人了!是不是呀,那么这些是怎么实现的呢?看下边: ?1、背景颜色 ?body bgcolor=red我们发现多了个bgcolor其实就是backgroundcolor(背景颜色)的意思,bgcolor=red设置网页的背景颜色为红色,现在颜色一般都是#ff0000样式的。 ?2、背景图片 ?body backgroud=back-ground.gif中“backgroud”就是设置背景图片的啦,back-ground.gif是背景图片的名字,为什么有的朋友也是如此写的,而网页却没有背景图片呢?其实back-ground.gif是该图片相对于这个页面的位置,比如你做的这个页面放在c:\我的网站\,而背景图片的位置放在c:\我的网站\images\,那么就得这样写了:body backgroud=images\back-ground.gif,注意两者的区别! ? ?3、背景音乐 ?背景音乐和上边介绍的两个有很大的不同,它的代码是放在页面的头部head/head里,为什么在这里讲呢?就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧: bgsound src=background_sound.mid loop=-1 bgsound 不用说了吧背景声音,background_sound.mid是音乐的文件名,当然也得写它的相对路径哦(关于相对路径,可能有的网友,一下子不能搞明白,我们将会在其他板块介绍的)!loop,循环,那么loop=-1是什么意思呢?loop是bgsound 的一个属性,当然src也是了,后边跟得就是属性值了,那么loop=-1就是无限循环的意思,只要是页面打开,音乐不会停止的,loop=1说明循环一次,等于0就是不循环了,呵呵,简单不! ? ?4、body其它属性:topmargin,leftmargin。有的朋友再做页面的时候,感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边,怎么回事呢?因为一般我们用的制作软件或者说html语言默认的都是topmargin和leftmargin值等于12,如果你把他们的值设为0,你看看会有什么效果!如下比较一下body和body topmargin=0 leftmargin=0,有兴趣的朋友可以任意设置他们的值! ? ?好了,这一节先讲到这里!
显示全部
相似文档