野百合也有春天
HTML是一种简单、通用的标记性语言，是网页主要的组成部分，基本上每个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。HTML，它允许网页制作人建立文本与图片相结合的页面，形象生动地将所有内容展示出来供人浏览或者互动参与其中。那我们现在就来学习一下HTML的结构、修饰以及表格等基础知识吧。
一、HTML的组成结构
1、头部。<head>头部的内容</head>，后面学到的标签基本都是成对出现的，头部标签也不例外。
2、标题。<title>是标题标签，一个网页的眼睛应该就是它的页面标题了，像人的眼睛一样都是长在头上的，因此，<title>标题</title>应放在<head>和</head>里面。
3、身体。<body>身体标签，是网页最主要的部分。<body>页面内容</body>就是大家所能看到的页面内容。
4、包围。用<html></html>把前面学到的头部、标题及身体给包围起来，就形成了一个大体的网页结构：
<html>
<head>
<title>标题</title>
</head>
<body>页面内容</body>
</html>
二、HTML的修饰
打开一个网页，一般比较抢眼的是页面背景、背景图片，然后也会看看里面的文字等内容，如果配上好听的背景音乐就更赏心悦目了。那现在就来说说这个网页的修饰问题吧。
1、背景颜色。<bodybgcolor=blue>我们发现多了个bgcolor其实就是backgroundcolor（背景颜色）的意思，bgcolor=blue设置网页的背景颜色为蓝色，现在颜色一般都是#ff0000样式的。
2、背景图片。<bodybackgroud＝back-ground。gif>中backgroud就是设置背景图片，back-ground。gif是图片的名字。back-ground。gif是该图片相对于这个页面的位置，比如你做的这个页面放在c：\我的网站\，而背景图片的位置放在c：\我的网站\images\，那么就得这样写了：<bodybackgroud＝images\back-ground。gif>。
3、背景音乐。背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部<head></head>里，为什么在这里讲呢？就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧：<bgsoundsrc=background_sound。midloop=-1>。bgsound不用说了吧背景声音，background_sound。mid是音乐的文件名，当然也得写它的相对路径了。loop，循环，那么loop=-1是什么意思呢？loop是bgsound的一个属性，当然src也是了，后边跟得就是属性值了，那么loop=-1就是无限循环的意思，只要是页面打开，音乐不会停止的，loop=1说明循环一次，等于0就是不循环了。
4、body属性：topmargin，leftmargin。当感觉文字或者表格不能靠在浏览器的最上边和最左边，我们就把他们的值设为0，如：<body>和<bodytopmargin=0leftmargin=0>。
5、网页字体及属性。
首先，标题字体<h#>文字</h#>#=1，2，3，4，5，6。1的字最大，6的字最小，一般是黑体字。例子：<h1>开学啦</h1>。
再者，字体的大小，用于一般文字，<fontsize=#>文字</font>#=1，2，3，4，5，6，7or+#，-#或者<basefontsize=#>#=1，2，3，4，5，6，7。例子：<fontsize=7>开学啦</font>。
还有，逻辑字体(LogicalStyle)。下划线：<u>文字</u>，代码：<code>文字</code>，删除线：<strike>文字</strike>，闪烁：<blink>文字</blink>，增强：<strong>文字</strong>，强调：<em>文字</em>，示例：<samp>文字</samp>，粗体：<b>文字</b>，斜体：<i>文字</i>，字体颜色：<fontcolor=#rrggbb>文字</font>等等。
三、HTML图像
图像，也就是images，在html语法中用img来表示，其基本的语法是：
<imgsrc=#>#=图象的URL，关于url就是指的是图像在网上的地址。
<imgalt=#>#=在浏览器尚未完全读入图象时，在图象位置显示的文字；也是图像显示以后，当鼠标放在图片上时所显示的文字。
图象在页面中的对齐/布局：
语法：<imgalign=#>#=left，center，right，使用图像的align属性，它的值left，center，right就是他的中文意思，left居左，center居中，right居右。
图象和文字的对齐：
语法：<imgalign=#>#=top，middle，bottom，这里的align所显示出来的是文字在图片的靠上边、中间、底端。
图像的边框：<imgborder=#>#=value数字，指的是这个图像的边的宽度！
示例：<imgsrc=1。jpgborder=1>
五、HTML表格
网页常带有表格存在，在默认情况下，表格在浏览器屏幕上左对齐，你可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值left、center和right。例如，让一个表格在屏幕中央显示可以使用：<TABLEALIGN=CENTER>。
当浏览器显示一个表格时，它将每一列的宽度设置为这一列中最长表项的宽度。浏览器尽可能地占用较小的屏幕空间来紧密地排列表格中的每一项。你可以使用<TABLE>的CELLPADDING和CELLSPACING属性来改变一下。
如果想让表格显示出来大一些，你可以用<TABLE>的WIDTH属性来控制表格的宽度，你可以为WIDTH属性提供宽度的绝对值或相对值。当为WIDTH属性提供宽度的绝对值时，你用象素来表示。例如，要建立一个宽为100个象素的表格，可以用<TABLEWIDTH＝100>。
表格不具有任何颜色属性。如果想要加颜色，就用Netscape和Microsoft让表格具有自己的背景色。
学习到这里，我们可以试着打开HTML编辑器按自己的想法来完成一个简单的静态网页看看出品效果如何，你是否也对自己的处女作很期待呢。
转载请注明出处：Miss宋个人博客 - http://www.skj993.cn/html/biji/26.html
HTML之段落与文字