-------------------------------------网页的结构-----------------------------------
一、HTML的组成结构
1、头部。
头部的HTML写法就是<head>头部的内容</head>，这两个非常相似，只是后一个比前一个多了“/”符号。
2 眼睛。
<title>标题</title>
这些应放在<head>和</head>之间。也就是
<head><title>标题</title></head>
3 身体
网页最主要的部分
<body>页面内容</body>
4 最后，
把这些部分组成一体----网页，所以咱们就用<html></html>把他们给包起来。
网页的结构：
<html>
 <head>
   <title>
   标题
   </title>
 </head>
 <body>
 页面内容
 </body>
</html>
--------------------------------------内部细则---------------------------------------
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">
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>，有兴趣的朋友可以任意设置他们的值！
------------------------------------字体------------------------------------------
 字体，英文font，这html语言中也是它---font

 1 标题字体
  <h#> 文字 </h#>  # =1，2，3，4，5，6
  比如：<h1>今天天气真好！</h1>
  注意：这些一般的用在标题上，所以起名叫标题字体；<h#> ...</h#> 这些标记显示黑体字；这些标记自动插入一个空行，不必用 <p> 标记再加空行，因此在一行中无法使用不同大小的字体。
 
2 字体的大小，用于一般文字。
  <font size=#> 文字</font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
  <basefont size=#> #=1, 2, 3, 4, 5, 6, 7
    例子：<font size=7>今天天气真好！</font>

3 逻辑字体(Logical Style)
  下划线：<u>文字</u>，
  代码：<code>文字</code>，
  删除线：<strike>文字</strike>，
  闪烁：<blink>文字</blink>，
  增强：<strong>文字</strong>，
  强调：<em>文字</em>，
  示例：<samp>文字</samp>，

4 字体的标志，
  粗体：<b>文字</b>，斜体：<i>文字</i>

5、字体颜
  指定颜 <font color=#> 文字 </font> # ="#rrggbb" 16 进制数码，或者是下列预定义彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, S
ilver, Yellow, Aqua
  对于16 进制编码的颜，我们可以这样理解rrggbb六个字符：前两个表示红，中间的两个表示绿，后两个表示蓝；那么，红（red）ff0000，同样绿（green）00ff00，蓝0000ff；其它的颜就是这几个字符（0-9，a-f）的组合。
  比如：<font color=red> 文字 </font> 红文字
        <font color=#ff0000> 文字 </font> 红文字
  大家看看<font color=#rrggbb> 文字 </font>是什么颜的文字

6、客户端字体(Font Face)
  <font face="#, #, ..., #"> ... </font> #=客户端可获得的字体，什么是客户端，通俗的讲，就是你的电脑，face="#"就是从你的电脑获得的字体.

 7、字符实体(Entities)
  字符实体一般用在把html里的符号显示在页面上比如"<"、"&"等，如果你单独的打上<，页面也可以显示，但如果你想显示<b>这几个字符，怎么办呢？就是它啦。
网站建设网页制作教程  &#; #=字符实体名称 或者 ascii 值
  &          &
  <            <
  >            >
  "          "
  这些只是一小部分，那么要显示<b>就要写成<b>了。
以上学到的我们可以综合使用：比如<font size=2 color=#ff0000><i><b>文字</b></i></font>

---------------------------------------图像----------------------------------------
  图像，也就是images，
在html语法中用img来表示，其基本的语法是：
   <img src=#> #=图象的 URL，关于url就是指的是图像在网上的地址。
   <img alt=#> #=在浏览器尚未完全读入图象时，在图象位置显示的文字；也是图像显示以后，当鼠标放在图片上时所显示的文字。
例子：<img src="sku/forum/images/cid4u-2.jpg" >
 
图象在页面中的对齐/布局：
语法：<img align=#> #=left, center, right，使用图像的align属性，其实这一属性布置在这里用到，以后我们在学习表格的时候也会遇到align，它的值left, center, right就是他的中文意思，left居左，center居中，right居右。
例子：<img src="sku/forum/images/cid4u-2.jpg"  align=left> 网人交流论坛欢迎您的光临
图象和文字的对齐：
语法：<img align=#> #=top, middle, bottom，这里的align和上边的实现的效果不一样，大家从它的值可以看出，它所显示出来的是文字在图片的靠上边、中间、底端。大家可以对比这看看各自的效果，很容易记住哦！
图像的边框：
<img border=#> #=value数字，指的是这个图像的边的宽度！
示例：<img src="sku/forum/images/cid4u-2.jpg"  border=1>
--------------------------------------表格-------------------------------------
 缺省情况下，表格在浏览器屏幕上左对齐，可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值“left”、“center”和“right”。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。