Html+css基础教程

H t m l+c s s基础教程

(适合新手)

在这里我把h t m l和c s s放在一起了，适合新手和在学习的人当成笔记用。希望对大家有所帮助。

HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。

一、HTML的组成结构

HTML分为单标识语句和双标识语句。

<标识>内容如：

<标识>内容 如：搜狐

标识中存在标识属性用来定义各标识属性的值。 中心内容

二、HTML全局结构

1、头部。（标题栏）只要你学过英语，你应该知道头怎么用英文写吧！yes，HEAD就是了；所以，头部的HTML写法就是头部的内容，简单不，大家注意一下，这两个非常相似，只是后一个比前一个多了“/”符号。类似这样的以后会经常用到。

2、眼睛。（标题内容）就好像人的眼睛一样，它是心灵的窗口，而一个网页的眼睛应该就是它的页面的标题了，标题怎么说呢？title,yes！大家知道眼睛是长在头上的，所以啦:这些应放在和之间。也就是

3、身体。（主体）身体是网页最主要的部分了，因为前面讲的都不是页面所显现出来的，而大家所看到的页面页就是他的身体部分了（当然它的TITLE可以在浏览器的最左上角可以看到），身体----BODY，他的写法也就是：页面内容

最后，别忘了把这些部分组成一体----网页，所以咱们就用把他们给包起来。

咱们来大体看看网页的结构：

页面内容

在进入主体内容标识讲解之前我想给大家介绍下标识中的常用属性，如：

1、内容

leftMargin、topMargin表示：设置页面离外框的左边距和上边距的距离为像素值，默认为1。marginwidth、 marginheight表示：设置页面文字同页面边缘的间距为像素值，默认为1。

注marginwidth、 marginheight还可以用于表格、框架等中。

2、背景颜色

我们发现多了个bgcolor其实就是backgroundcolor（背景颜色）的意思，bgcolor="red"设置网页的背景颜色为红色，现在颜色一般都是#ff0000样式的。

3、背景图片

中“backgroud”就是设置背景图片的啦，back-ground.gif是背景图片的名字，为什么有的朋友也是如此写的，而网页却没有背景图片呢？其实back-ground.gif是该图片相对于这个页面的位置，比如你做的这个页面放在c:\我的网站\，而背景图片的位置放在c:\我的网站

\images\，那么就得这样写了：，注意两者的区别！

4、背景音乐

背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部里，为什么在这里讲呢？就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧：

bgsound 不用说了吧背景声音，background_sound.mid是音乐的文件名，当然也得写它的相对路径哦（关于相对路径，可能有的网友，一下子不能搞明白，我们将会在其他板块介绍的）！loop，循环，那么loop="-1"是什么意思呢？loop是bgsound 的一个属性，当然src也是了，后边跟得就是属性值了，那么loop="-1"就是无限循环的意思，只要是页面打开，音乐不会停止的，loop="1"说明循环一次，等于0就是不循环了，呵呵，简单不！

三、字体及其属性、文字排版标识的使用

1、标题字体 文字 # =1，2，3，4，5，6

比如：

今天天气真好！

注意：这些一般的用在标题上，所以起名叫标题字体； ... 这些标记显示黑体字；这些标记自动插入一个空行，不必用

标记再加空行，因此在一行中无法使用不同大小的字体。

2、字体的大小，用于一般文字。

文字 #=1, 2, 3, 4, 5, 6, 7 or +#, -#

#=1, 2, 3, 4, 5, 6, 7

例子：今天天气真好！

3、文字排版、逻辑字体(Logical Style) 标记

换行：
，不换行：，分段：

内容

，原始文字样式（原样显示）

内容

，下划线：文字，删除线：文字，闪烁：文字，增强：文字，强调：文字，粗体：文字，斜体：文字大型字体：，小型字体：，文字上标：，文字下标：还有老多，一般的这些了解一下就可以。

4、字体颜色

指定颜色 文字 # ="#rrggbb" 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

对于16 进制编码的颜色，我们可以这样理解rrggbb六个字符：前两个表示红色，中间的两个表示绿色，后两个表示蓝色；那么，红色（red）ff0000，同样绿色（green）00ff00，蓝色0000ff；其它的颜色就是这几个字符（0-9，a-f）的组合。

比如： 文字 红色文字