如果您无法下载资料，请参考说明：
1、部分资料下载需要金币，请确保您的账户上有足够的金币
2、已购买过的文档，再次下载不重复扣费
3、资料包下载后请先用软件解压，在使用对应软件打开
第一讲HTML基础在这一讲中，主要给学员讲解基本的HTMl知识，没有难点，重点在HTML的组成结构。HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。先简单的介绍一下HTML语言（我们在这灌输大家的是能够实际操作），HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,现在咱们就开始接她的面纱。一、HTML的组成结构（头部、眼睛、身体----好像一个人一样是不是？）利用形象的描述手法，提高学员的兴趣。1、头部。只要你学过英语，你应该知道头怎么用英文写吧！是的，HEAD就是了；所以，头部的HTML写法就是<head>头部的内容</head>凡是小段或讲解性的代码，都会使用红色字体加强显示。，大家注意一下，这两个非常相似，只是后一个比前一个多了”/”符号。类似这样的以后会经常用到。2、眼睛。就好像人的眼睛一样，它是心灵的窗口，而一个网页的眼睛应该就是它的页面的标题了，标题怎么说呢？title,没错！所以:<title>标题</title>这些应放在<head>和</head>之间。也就是<head><title>标题</title></head>3、身体。身体是网页最主要的部分了，因为前面讲的都不是页面所显现出来的，而大家所看到的页面页就是他的身体部分了（当然它的TITLE可以在浏览器的最左上角可以看到），身体----BODY，他的写法也就是：<body>页面内容</body>最后，别忘了把这些部分组成一体----网页，所以咱们就用<html></html>把他们给包起来。好了，咱们来大体看看网页的结构(例1-1)：<html><head><title>标题</title></head><body>页面内容</body></html>大段的代码会使用灰底显示，以这种方式显示的代码，只要复制到记事本中即可使用。大家可能已经注意到在上文的代码中，<title></title>的书写格式和前面介绍的有所不同，它把<title>内容</title>分成三行来写，这对HTML代码来说是无所谓的，因为HTML会自动将空格、制表符和回车忽略掉，同样的，其它的标签也可以这样来理解。将以上的代码复制到记事本中，另存为”test.htm”，然后用IE游览器打开，效果如下（加红色边框和红线的地方，为说明部分。）：文中会使用大量的插图，紧扣文中所讲内容。图1-1在前面我们概括了一下网页的主要框架，现在我们来详细的研究网页的内部细则：先从它的身体部分(body)开始：欣赏一个网页时，一般先注意到的是这个页面的背景，如果有背景音乐，那就更吸引人了！是不是呀，那么这些是怎么实现的呢？看下边：1、背景颜色<bodybgcolor="red">我们发现多了个bgcolor其实就是backgroundcolor（背景颜色）的意思，bgcolor="red"设置网页的背景颜色为红色，我们可以用常用颜色的英文单词来设置背景，也可以用一组16进制数字来设置，如#ff0000等。2、背景图片所使用到的图片全部保存在images文件夹下。<bodybackground＝"back-ground.gif">中”backgroud”就是设置背景图片的啦，back-ground.gif是背景图片的名字，为什么有的人也是这么写的，而网页却没有背景图片呢？其实back-ground.gif是该图片相对于这个页面的位置，比如你做的这个页面放在c:\我的网站\，而背景图片的位置放在c:\我的网站\images\，那么就得这样写了：<bodybackgroud＝"images\back-ground.gif">，注意两者的区别！3、背景音乐所使用到的音乐，全部保存在music文件夹下。背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部<head></head>里，为什么在这里讲呢？就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧：<bgsoundsrc="background_sound.mid"loop="-1">bgsound就是要设置的背景声音，background_sound.mid是音乐的文件名，当然也得写它的相对路径（关于相对路径，我们将会在其他板块继续介绍）！loop，循环，那么loop="-1"是什么意思呢？loop是bgsound的一个属性，loop="-1"就是无限循环的意思，只要是页面打开，音乐不会停止，loop="1"说明循环一次，等于0就是不循环了！bod
立即下载
