淄博山铝医院:教你编写HTML代码

来源：百度文库 编辑：中财网 时间：2024/04/27 19:40:32
大家看到漂亮的帖子多是由漂亮的图片、音乐加上一些代码组成，这些代码就是HTML代码。一个精美的代码帖子就是将文字+图片+音乐或再加上FLASH通过HTML标签编排组成的。这些帖以其独特魅力，吸引了众多网友。但很多朋友没有去揭开她那美丽的面纱。这个教程帖旨在和大家一起学习交流，也希望喜爱她的朋友们都去了解它、接近它，多实践，用你手中的画笔绘出精彩和美丽......
    HTML即超文本标记语言(HypertextMarkupLanguage),也叫WEB网页语言，做网页了解它是必要的，虽然现在有很多制作网页的工具如：Dreamwvear，FrontPage等，其实不懂这些代码也能做出很漂亮的网页。因为HTML内容繁多，很少有人愿意用写代码做网页的，大都使用软件所见即所得，不过，了解这些代码对细微部分的修改相对会方便一些。我们论坛里做的帖子只是HTML语言的一小部分，我们也不需要了解那些大多HTML代码的实际意义，我们只了解常用的几个标签就可以了，这样，对制作、调试效果都有帮助。在这里我给大家收集整理一下代码的编写规则解释。我在这方面也没有很深入的学习，有不足或不当之处，还请大家补充完善。

        感觉这些代码主要是起编排的作用，也有一些不错的特效(主要是网页特效，就是一些脚本语言编写的，有点专业)在论坛里支持的只是一小部分，所以一些漂亮的图片大都是经过软件处理的如：PS，FW，UG等图像处理软件。不过，我发现真水很多朋友都会做图，这是我们的优势，只要稍微了解这些代码，很快就有精美的作品问世。呵呵，还等什么呢？还是那句话，心动不如行动。相信你一定行。  

      精美的代码帖子=文字+图片+音乐+FLASH 所以我们只了解相关标签就行了。

常用HTML代码：

一、文字标记

基本代码如下：

插入文字

align=center　表示字体居中，可选值为居右（right）居左（left）
color=颜色代码
face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大
1.字体变化 .....
a.字体大小 .... #=1~7；数字愈大字也愈大
b.指定字型 .....
c.文字颜色 .....
              rr：表红色（red）色码
              gg：表绿色（green）色码
              bb：表蓝色（blue）色码
              rrggbb也可用6位颜色代码数字

2.粗体字 ..
3 字体加粗.....和标签差不多的效果
4.换行（也称回车）

5.分段标记

   文字的对齐方向

#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.

之后的文字都会以所设的对齐方式显示，直到出现另一个

改变其对齐方向，遇到

或标签时会自动设回预设的向左对齐。

6.区隔标记

称为区隔标记。作用：设定字、画、表格等的摆放位置。
应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性。。
以
为例：

align="center"
可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。

的作用和居中标记
一样。。
注：其实常用跟

标签的效果差不多，但是功能比

相对强一些。。。
7.分隔线


a.分隔线的粗细

b.分隔线的宽度

c.分隔线对齐方向

     #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
d.分隔线的颜色

e.实心分隔线

8.居中对齐

...
跟

...

,
...
效果基本是一样的。

9.文字移动标记...

     滚动内容

    移动速度指令是:scrollAmount=#  #最小为1，数字越大移动的越快。
    字符移动每步的延时:scrolldelay=#   属性值为数字， #最小为1， 数值越大速度越大。
    移动方向指令是：direction=#    up向上、down向下、left向左、right向右。
     属性值为scroll：文字单向移动，side：移动到边界停止，alternate：到边界后反向移动；
     align，对齐方式，其属性值为center，left，right，top, middle, bottom，分别表示居中，左对齐，     右对齐，对齐上沿、中间、下沿；
     bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb 16 进制数码，r=red，g=green，     b=blue，也就是色彩中的三原色，也可是预定义色彩；
     loop，移动字符的循环次数，属性值为数字，若未指定则循环不止(infinite)；
     width及height，高度和宽度，属性值为数字；
     hspace字符左右留白长度，属性值为数字；
     vspace字符上下留白长度，属性值为数字；
     scrollamount字符的移动速度，数值越大速度越大，反之亦然； 


     常用指令举例：..........

a.啦啦啦，我会移动耶！

b.啦啦啦，我从右向左移！

啦啦啦，我从右向左移！

c.vior=scroll>啦啦啦，我一圈一圈绕着走！

啦啦啦，我一圈一圈绕着走！

d.啦啦啦，我来回走耶！

啦啦啦，我来回走耶！

e.啦啦啦，我走一步，停一停！

啦啦啦，我走一步，停一停！

二、图片标记

1.插入图片

2.设定图框 -- border

3.设定图形大小 -- width、height

4.设定图形上下左右留空 -- vspace、hspace

5.图形附注 说明文字

例1：

http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=180 height=152 border=0>

例2：

http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=180 height=152 border=0>

三、表格相关(我们做帖子背景主要就是表格)

例1：

源代码如下：

帖子内容，文字或图片.....

1.定义表格

即我们做帖子时的背景。

2.定义列

标志对用来创建表格中的每一行。

3.定义栏位 i.

标志对之间才是有效的；ii.
：标志对用来创建表格中一行中的每一个格子， 此标志对也只有放在
：标志对用来设置表格头，通常是黑体居中文字。
a.水平位置 -- align
   #号可为 left：向左对齐  center：向中对齐 right：向右对齐
b.垂直位置 -- align 		#号可为
   top：向上对齐 middle：向中对齐    bottom：向下对齐
c.栏位宽度 -- width    
d.栏位垂直合并 -- rowspan    
e.栏位横向合并 -- colspan      

四、表格的主要属性

例：

的参数设定（常用）：


1.

标记的主要属性
    align定义表格的对齐方式，有三个属性值center，left，right
    background定义表格的背景图案，属性值为图片的地址
    bgcolor定义表格的背景颜色，属性值是各种颜色代码
    border定义表格的边框宽度，属性值是数字
    bordercolor定义表格边框的颜色，属性值是各种颜色代码
    cellpadding定义单元格内容与边框之间的距离，属性值是数字
    cellspacing定义表格中单元格之间的距离
    height定义表格的高度，属性值是数字---接受绝对值（如 500）及相对值（如 100%）。
    width定义表格的宽度，属性值是数字---接受绝对值（如 400）及相对值（如 80%）。
    bordercolorlight 表格边框向光部分的颜色
    bordercolordark 表格边框背光部分的颜色，
    使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效,即不能同时使用。
     2. 标记，表格是由多行与多列组成的，标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下： align定义对齐方式，属性值与上同 ； background定义背景图案 bgcolor定义背景色

      3.

标记。用标记概况起来的内容表示表格的单元。其主要属性与属性值和标记的一样，补充两个合并列和行的代码：
    colspan定义合并表格的列数，属性值是数字
    rowspan定义合并表格的行数，属性值是数字


五、歌曲标记:


在论坛做帖常用格试如下：

如：  
在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:

说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。
1.EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">

2.EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">

常用属性如下：

src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。

autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true"
是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"

设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板 　　
smallconsole 较小的面板 　　
playbutton 只显示播放按钮 　　
pausecutton 只显示暂停按钮 　　
stopbutton 只显示停止按钮 　　
volumelever 只显示音量调节按钮

例一：

作为背景音乐来播放，隐藏了播放器。

例二：

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。

IE中的的背景音乐

代码如下：

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

晕，发个音乐要了解那么多？呵呵，大家大可不必，想知道的可以了解一下，其实把下面代码复制过去换一下歌曲地址就ok了。。。

六.透明FLASH的使用

例：






2层


常用代码如下：

说明：TOP: 后面的width=400 height=3000 就是指FLASH的宽和高了。
      在使用这种格式时要反复的调整定位距离大小才能达到满意的效果 :)
      align=right 相对背景图片右对齐。。。

注意事项：

大家一定发现这个style标签了吧。。。
这个是做一些特效，如，滤镜效果，文字特效，所用到的标记即CSS（Cascading Stylesheets，层叠样式表）
是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。。。

Style属性可以应用在标签中，更可广泛应用在


全名： HyperText Mark-up Language

译名： 超文件注标式语言（译名之一）

简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。

HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标签的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标签组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。

■ 阅读须知： 这一篇【HTML剖析】偏重于标签的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标签，其中只有【文件标签】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。 ■ 标签写法：
  • 任何标签皆由"<"及">"所围住，如

  • 标签名与小于号之间不能留有空白字符。
  • 某些标签　要加上参数，某些则不必。如 size="+2">Hello
  • 参数只可加于起始标签中。
  • 在起始标签之标签名前加上符号"/"便是其终结标签，如
  • 标签字母大小写皆可。
■ 围堵标签与空标签： 标签按型态分为围堵标签与空标签
  1. 围堵标签

    顾名思义，它以起始标签及终结标签将文字围住，令其达到预期显示效果。

    例如 HTML Source ： Creation of Webpage is my favourite.

    显示成： Creation of Webpage is my favourite.

    其中 便称为围堵标签。

    它以起始标签及终结标签标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。

  2. 空标签

    是指标签单独出现，只有起始标签没有终结标签。

    例如 HTML Source：

    I love Creation of Webpage.

    Its a wonderful place.

    显示成：

    I love Creation of Webpage.

    Its a wonderful place.

    其中换行标签

    便属空标签。

    它的作用便是将标签后所有东西显示于下一行，可见终结标签于它是没意义的， 但有些人会为空标签加上终结标签，这是为方便记认而己，对 HTML 没有影响。

HTML 标签一览

标签 类型 译名或意义 作 用 备注 文件标签 ● 文件声明 让浏览器知道这是 HTML 文件   ● 开头 提供文件整体资讯   </font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">标题 </font><font color="#000000">定义文件标题，将显示于浏览顶端 </font><font color="#000000">  </font><font color="#000000"><BODY></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">本文 </font><font color="#000000">设计文件格式及内文所在 </font><font color="#000000">  </font><font color="#000000">排版标签</font><font color="#000000"> </font><font color="#000000"><!--注解--></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">说明标签 </font><font color="#000000">为文件加上说明，但不被显示 </font><font color="#000000">  </font><font color="#000000"><P></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">段落标签 </font><font color="#000000">为字、画、表格等之间留一空白行 </font><font color="#000000">  </font><font color="#000000"><BR></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">换行标签 </font><font color="#000000">令字、画、表格等显示于下一行 </font><font color="#000000">  </font><font color="#000000"><HR></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">水平线 </font><font color="#000000">插入一条水平线 </font><font color="#000000">  </font><font color="#000000"><CENTER></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">居中 </font><font color="#000000">令字、画、表格等显示于中间 </font><font color="#000000">反对 </font><font color="#000000"><PRE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">预设格式 </font><font color="#000000">令文件按照原始码的排列方式显示 </font><font color="#000000">  </font><font color="#000000"><DIV></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">区隔标签 </font><font color="#000000">设定字、画、表格等的摆放位置 </font><font color="#000000">  </font><font color="#000000"><NOBR></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">不折行 </font><font color="#000000">令文字不因太长而绕行 </font><font color="#000000">  </font><font color="#000000"><WBR></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">建议折行 </font><font color="#000000">预设折行部位 </font><font color="#000000">  </font><font color="#000000">字体标签</font><font color="#000000"> </font><font color="#000000"><STRONG></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">加重语气 </font><font color="#000000">产生字体加粗 Bold 的效果 </font><font color="#000000">  </font><font color="#000000"><B></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">粗体标签 </font><font color="#000000">产生字体加粗的效果 </font><font color="#000000">  </font><font color="#000000"><EM></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">强调标签 </font><font color="#000000">字体出现斜体效果 </font><font color="#000000">  </font><font color="#000000"><I></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">斜体标签 </font><font color="#000000">字体出现斜体效果 </font><font color="#000000">  </font><font color="#000000"><TT></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">打字字体 </font><font color="#000000">Courier字体，字母宽度相同 </font><font color="#000000">  </font><font color="#000000"><U></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">加上底线 </font><font color="#000000">加上底线 </font><font color="#000000">反对 </font><font color="#000000"><H1></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">一级标题标签 </font><font color="#000000">变粗变大加宽，程度与级数反比 </font><font color="#000000">  </font><font color="#000000"><H2></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">二级标题标签 </font><font color="#000000">将字体变粗变大加宽 </font><font color="#000000">  </font><font color="#000000"><H3></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">三级标题标签 </font><font color="#000000">将字体变粗变大加宽 </font><font color="#000000">  </font><font color="#000000"><H4></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">四级标题标签 </font><font color="#000000">将字体变粗变大加宽 </font><font color="#000000">  </font><font color="#000000"><H5></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">五级标题标签 </font><font color="#000000">将字体变粗变大加宽 </font><font color="#000000">  </font><font color="#000000"><H6></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">六级标题标签 </font><font color="#000000">将字体变粗变大加宽 </font><font color="#000000">  </font><font color="#000000"><FONT></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">字形标签 </font><font color="#000000">设定字形、大小、颜色 </font><font color="#000000">反对 </font><font color="#000000"><BASEFONT></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">基准字形标签 </font><font color="#000000">设定所有字形、大小、颜色 </font><font color="#000000">反对 </font><font color="#000000"><BIG></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">字体加大 </font><font color="#000000">令字体稍为加大 </font><font color="#000000">  </font><font color="#000000"><SMALL></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">字体缩细 </font><font color="#000000">令字体稍为缩细 </font><font color="#000000">  </font><font color="#000000"><STRIKE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">画线删除 </font><font color="#000000">为字体加一删除线 </font><font color="#000000">反对 </font><font color="#000000"><CO<wbr>DE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">程式码 </font><font color="#000000">字体稍为加宽如<TT> </font><font color="#000000">  </font><font color="#000000"><KBD></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">键盘字 </font><font color="#000000">字体稍为加宽，单一空白 </font><font color="#000000">  </font><font color="#000000"><SAMP></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">范例 </font><font color="#000000">字体稍为加宽如<TT> </font><font color="#000000">  </font><font color="#000000"><VAR></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">变数 </font><font color="#000000">斜体效果 </font><font color="#000000">  </font><font color="#000000"><CI<wbr>TE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">传记引述 </font><font color="#000000">斜体效果 </font><font color="#000000">  </font><font color="#000000"><BLOCKQUOTE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">引述文字区块 </font><font color="#000000">缩排字体 </font><font color="#000000">  </font><font color="#000000"><DFN></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">述语定义 </font><font color="#000000">斜体效果 </font><font color="#000000">  </font><font color="#000000"><ADDRESS></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">地址标签 </font><font color="#000000">斜体效果 </font><font color="#000000">  </font><font color="#000000"><SUB></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">下标字 </font><font color="#000000">下标字 </font><font color="#000000">  </font><font color="#000000"><SUP></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">上标字 </font><font color="#000000">指数（平方、立方等） </font><font color="#000000">  </font><font color="#000000">清单标签</font><font color="#000000"> </font><font color="#000000"><OL></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">顺序清单 </font><font color="#000000">清单项目将以数字、字母顺序排列 </font><font color="#000000">  </font><font color="#000000"><UL></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">无序清单 </font><font color="#000000">清单项目将以圆点排列 </font><font color="#000000">  </font><font color="#000000"><LI></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">清单项目 </font><font color="#000000">每一标签标示一项清单项目 </font><font color="#000000">  </font><font color="#000000"><MENU></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">选单清单 </font><font color="#000000">清单项目将以圆点排列，如<UL> </font><font color="#000000">反对 </font><font color="#000000"><DIR></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">目录清单 </font><font color="#000000">清单项目将以圆点排列，如<UL> </font><font color="#000000">反对 </font><font color="#000000"><DL></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">定义清单 </font><font color="#000000">清单分两层出现 </font><font color="#000000">  </font><font color="#000000"><DT></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">定义条目 </font><font color="#000000">标示该项定义的标题 </font><font color="#000000">  </font><font color="#000000"><DD></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">定义内容 </font><font color="#000000">标示定义内容 </font><font color="#000000">  </font><font color="#000000">表格标签</font><font color="#000000"> </font><font color="#000000"><TABLE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">表格标签 </font><font color="#000000">设定该表格的各项参数 </font><font color="#000000">  </font><font color="#000000"><CAPTION></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">表格标题 </font><font color="#000000">做成一打通列以填入表格标题 </font><font color="#000000">  </font><font color="#000000"><TR></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">表格列 </font><font color="#000000">设定该表格的列 </font><font color="#000000">  </font><font color="#000000"><TD></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">表格栏 </font><font color="#000000">设定该表格的栏 </font><font color="#000000">  </font><font color="#000000"><TH></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">表格标头 </font><font color="#000000">相等于<TD>，但其内之字体会变粗 </font><font color="#000000">  </font><font color="#000000">表单标签</font><font color="#000000"> </font><font color="#000000"><FORM></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">表单标签 </font><font color="#000000">决定单一表单的运作模式 </font><font color="#000000">  </font><font color="#000000"><TEXTAREA></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">文字区块 </font><font color="#000000">提供文字方盒以输入较大量文字 </font><font color="#000000">  </font><font color="#000000"><INPUT></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">输入标签 </font><font color="#000000">决定输入形式 </font><font color="#000000">  </font><font color="#000000"><SELECT></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">选择标签 </font><font color="#000000">建立 pop-up 卷动清单 </font><font color="#000000">  </font><font color="#000000"><OPTION></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">选项 </font><font color="#000000">每一标签标示一个选项 </font><font color="#000000">  </font><font color="#000000">图形标签</font><font color="#000000"> </font><font color="#000000"><IMG></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">图形标签 </font><font color="#000000">用以插入图形及设定图形属性 </font><font color="#000000">  </font><font color="#000000">链接</font><font color="#000000"> </font><font color="#000000">标签</font><font color="#000000"> </font><font color="#000000"><A></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">链接标签 </font><font color="#000000">加入连结 </font><font color="#000000">  </font><font color="#000000"><BASE></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">基准标签 </font><font color="#000000">可将相对 URL 转绝对及指定连结目标 </font><font color="#000000">  </font><font color="#000000">排版标签</font><font color="#000000"> </font><font color="#000000"><FRAMESET></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">框架设定 </font><font color="#000000">设定框架 </font><font color="#000000">  </font><font color="#000000"><FRAME></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">框窗设定 </font><font color="#000000">设定框窗 </font><font color="#000000">  </font><font color="#000000"><IFRAME></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">页内框架 </font><font color="#000000">于网页中间插入框架 </font><font color="#000000">IE </font><font color="#000000"><NOFRAMES></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">不支援框架 </font><font color="#000000">设定当浏览器不支援框架时的提示 </font><font color="#000000">  </font><font color="#000000">影像地图 </font><font color="#000000"><MAP> </font><font color="#000000">● </font><font color="#000000">影像地图名称 </font><font color="#000000">设定影像地图名称 </font><font color="#000000">  </font><font color="#000000"><AREA> </font><font color="#000000">○ </font><font color="#000000">连结区域 </font><font color="#000000">设定各连结区域 </font><font color="#000000">  </font><font color="#000000">多媒体</font><font color="#000000"> </font><font color="#000000"><BGSOUND></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">背景声音 </font><font color="#000000">于背景播放声音或音乐 </font><font color="#000000">IE </font><font color="#000000"><EMBED></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">多媒体 </font><font color="#000000">加入声音、音乐或影像 </font><font color="#000000">  </font><font color="#000000">其他标签</font><font color="#000000"> </font><font color="#000000"><MARQUEE></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">走动文字 </font><font color="#000000">令文字左右走动 </font><font color="#000000">IE </font><font color="#000000"><BLINK></font><font color="#000000"> </font><font color="#000000">● </font><font color="#000000">闪烁文字 </font><font color="#000000">闪烁文字 </font><font color="#000000">NC </font><font color="#000000"><ISINDEX></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">页内寻找器 </font><font color="#000000">可输入关键字寻找于该一页 </font><font color="#000000">反对 </font><font color="#000000"><META></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">开头定义 </font><font color="#000000">让浏览器知道这是 HTML 文件 </font><font color="#000000">  </font><font color="#000000"><LINK></font><font color="#000000"> </font><font color="#000000">○ </font><font color="#000000">关系定义 </font><font color="#000000">定义该文件与其他 URL 的关系 </font><font color="#000000">  </font><font color="#000000">StyleSheet </font><font color="#000000"><STYLE> </font><font color="#000000">● </font><font color="#000000">样式表 </font><font color="#000000">控制网页版面 </font><font color="#000000">  </font><font color="#000000"><span> </font><font color="#000000">● </font><font color="#000000">自订标签 </font><font color="#000000">独立使用或与样式表同用 </font><font color="#000000">  </font><font color="#000000">特殊字符</font><font color="#000000"> </font><font color="#000000">调色原理</font><font color="#000000"> </font></tbody></p><p><font color="#000000">注： </font></p><ul><li><font color="#000000">● 表示该标签属围堵标签，即需要关闭标签如 </标签>。 </font><li><font color="#000000">○ 表示该标签属空标签，即不需要关闭标签。 </font><li><font color="#000000">IE 表示该标签只适用于 Internet Explorer。 </font><li><font color="#000000">NC 表示该标签只适用于 Netscape Communicator。 </font><li><font color="#000000">反对 表示该标签不为 W3C 所赞同，通常这标签是 IE 或 NC 自订，且己为众所支 持，只是 HTML 标准中有其它同功能或更好的选择。 </font><li><font color="#000000">弃用 表示该标签己为 W3C 所弃用，是过时的标签，但 HTML 具向下兼容的特 性，不用担心新浏览器不支援旧标签。 </font><li><font color="#000000">新 表示该标签是 HTML 4.0 中新增的。</font></li></li></li></li></li></li></li></ul></div> <div class="list-group"> <a href="/article/wdccrb" class="list-group-item">怎样编写html代码,且如何应用</a> <a href="/article/wjrbsb" class="list-group-item">请问用HTML什么代码编写背景图片</a> <a href="/article/wohuju" class="list-group-item">如何编写mms视频的html代码？</a> <a href="/article/wrsyyd" class="list-group-item">html编写</a> <a href="/article/wafgir" class="list-group-item">制作网页怎么编写链接的HTML的代码</a> <a href="/article/waneqw" class="list-group-item">如何预览用记事本编写的html代码</a> <a href="/article/wfxqnh" class="list-group-item">html代码</a> <a href="/article/woxvdo" class="list-group-item">html代码</a> <a href="/article/wpbmop" class="list-group-item">html代码</a> <a href="/article/wqqrue" class="list-group-item">html代码</a> <a href="/article/wstoix" class="list-group-item">HTML代码</a> <a href="/article/wfzpym" class="list-group-item">html怎么编写</a> <a href="/article/wlgctu" class="list-group-item">编写HTML是什么意思？</a> <a href="/article/woclth" class="list-group-item">搜索引擎如何编写？HTML</a> <a href="/article/vxmfai" class="list-group-item">关于html代码的编写，想要动态改变其中一个属性的值，应该如何做？谢谢</a> <a href="/article/wffbsk" class="list-group-item">怎样自己编写钟表的HTML代码，要求在不能上网的条件下，这个钟表依然可以使用。</a> <a href="/article/whsgpp" class="list-group-item">编写html代码时出现的在拍板中需要输入多个的连续空格，这个“拍板”是什么</a> <a href="/article/weztae" class="list-group-item">怎样用VBScipt编写代码</a> <a href="/article/wrfvzz" class="list-group-item">asp代码编写求救</a> <a href="/article/vxbqqt" class="list-group-item">HTML代码是什么</a> <a href="/article/vxgvgo" class="list-group-item">HTML代码~是什么？？？？？？？？</a> <a href="/article/vxjyno" class="list-group-item">怎样用HTML代码贴图</a> <a href="/article/vyrace" class="list-group-item">如何获取HTML代码</a> <a href="/article/vzhjqu" class="list-group-item">怎么插入HTML代码？</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/vxyufk" title="纪录片 音乐歌舞《春天》1977 （北影）02">纪录片 音乐歌舞《春天》1977 （北影）02</a> <a class="btn btn-default" href="/article/vxyufl" title="毛泽东评武则天">毛泽东评武则天</a> <a class="btn btn-default" href="/article/vxyufm" title="纪录片《革命历史歌曲表演唱》1963">纪录片《革命历史歌曲表演唱》1963</a> <a class="btn btn-default" href="/article/vxyufn" title="李源潮石破天惊：得罪了众领导！">李源潮石破天惊：得罪了众领导！</a> <a class="btn btn-default" href="/article/vxyufo" title="中国历史朝代高清电子地图">中国历史朝代高清电子地图</a> <a class="btn btn-default" href="/article/vxyufp" title="高考数学一轮复习备战技巧：简便方法赢得时间">高考数学一轮复习备战技巧：简便方法赢得时间</a> <a class="btn btn-default" href="/article/vxyufq" title="【水煮牛肉】">【水煮牛肉】</a> <a class="btn btn-default" href="/article/vxyufr" title="教你怎么看一个人">教你怎么看一个人</a> <a class="btn btn-default" href="/article/vxyufs" title="现实社会无奈的十件事">现实社会无奈的十件事</a> <a class="btn btn-default" href="/article/vxyuft" title="遁隐【图】">遁隐【图】</a> <a class="btn btn-default" href="/article/vxyufu" title="国内三维电子地图推荐">国内三维电子地图推荐</a> <a class="btn btn-default" href="/article/vxyufv" title="重要VS 不重要">重要VS 不重要</a> <a class="btn btn-default" href="/article/vxyufw" title="人生十大乐">人生十大乐</a> <a class="btn btn-default" href="/article/vxyufx" title="俏皮话（26）">俏皮话（26）</a> <a class="btn btn-default" href="/article/vxyufy" title="毛泽东评诸葛亮军事才能几乎为零分">毛泽东评诸葛亮军事才能几乎为零分</a> <a class="btn btn-default" href="/article/vxyufz" title="《花蕊系列》绝美极品组图">《花蕊系列》绝美极品组图</a> <a class="btn btn-default" href="/article/vxyuga" title="【明】唐寅　行书《吳門避暑詩》">【明】唐寅　行书《吳門避暑詩》</a> <a class="btn btn-default" href="/article/vxyugb" title="MACD 的原理教你用">MACD 的原理教你用</a> <a class="btn btn-default" href="/article/vxyugc" title="婴儿辅食，无糖的就是健康的">婴儿辅食，无糖的就是健康的</a> <a class="btn btn-default" href="/article/vxyugd" title="高考诗歌鉴赏考点">高考诗歌鉴赏考点</a> <a class="btn btn-default" href="/article/vxyuge" title="秦始皇祖坟被盗案嫌犯脚步丈量找准墓位">秦始皇祖坟被盗案嫌犯脚步丈量找准墓位</a> <a class="btn btn-default" href="/article/vxyugf" title="小魔术">小魔术</a> <a class="btn btn-default" href="/article/vxyugg" title="【超级菜谱大全】">【超级菜谱大全】</a> <a class="btn btn-default" href="/article/vxyugh" title="【明】祝允明《瓊林玉樹圖歌》">【明】祝允明《瓊林玉樹圖歌》</a> <a class="btn btn-default" href="/article/vxyugi" title="耐心看">耐心看</a> <a class="btn btn-default" href="/article/vxyugj" title="简单六步-家庭简易版卤猪肝">简单六步-家庭简易版卤猪肝</a> <a class="btn btn-default" href="/article/vxyugk" title="人体五脏毒素症状及排毒方法">人体五脏毒素症状及排毒方法</a> <a class="btn btn-default" href="/article/vxyugl" title="荟萃珊瑚">荟萃珊瑚</a> <a class="btn btn-default" href="/article/vxyugm" title="Paul Mauriat保罗莫里哀《The Bird and the Child小鸟与孩童》">Paul Mauriat保罗莫里哀《The Bird and the Child小鸟与孩童》</a> <a class="btn btn-default" href="/article/vxyugn" title="轻松一刻">轻松一刻</a> <a class="btn btn-default" href="/article/vxyugo" title="蔬菜贮藏">蔬菜贮藏</a> </div> </div></div> <div class="copy-right"> <p>中财网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> <div class="copy-right"> <div class="container"> <div class="col-md-12"> <a href="https://www.q-5.net/" target="_blank">最新新闻</a> <a href="https://www.wacths.com/" target="_blank">沃茨手表网</a> <a href="https://www.csdndoc.com/" target="_blank">CSDN程序文档</a> <a href="https://www.cmjoy.com/" target="_blank">上海旅游网</a> <a href="https://www.smbaike.com/" target="_blank">神马百科</a> <a href="https://www.familylifemag.com/" target="_blank">程序博客</a> <a href="https://www.xjpta.cn/" target="_blank">香蕉皮作业帮</a> <a href="https://www.cidugushi.com/" target="_blank">景德镇新闻网</a> <a href="https://www.uyuyao.com/" target="_blank">余姚信息网</a> <a href="https://www.zuoyewang.cc/" target="_blank">作业帮作业网</a> <a href="https://www.wenda8.com/" target="_blank">互助问答吧</a> <a href="https://www.16lo.com/" target="_blank">16楼社区</a> <a href="https://www.zyebang.com/">解题作业帮</a><a href="https://www.6210k.com/">艺术百科</a><a href="http://www.ld5.top/">亮点网</a><a href="http://www.smbaike.com/">神马百科</a> <a href="https://www.smwenxue.com/">神马文学网</a> <a href="https://www.zuoye5.com/">拍题作业网</a> <a href="https://www.uczhidao.com/">UC知道</a> <a href="https://www.52sanwen.top/">我爱散文网</a> <a href="https://www.bfwang.top/">北方网</a> <a href="https://www.kexue5.top/">科学网</a> <a href="https://www.wenku1.top/">第一文库网</a> <a href="https://www.wszyw.top/">微思作业网</a> <a href="https://www.wz51.top/">我要文章网</a> <a href="https://www.dsp33.cn/">都市新闻网</a><a href="https://www.xofi.com.cn/">西欧教育</a><a href="https://www.xs2xf.cn/">西山新闻网</a><a href="https://www.holoes.com.cn/">好楼房产信息网</a> <a href="https://www.9x1x.cn/">九乡新闻网</a><a href="https://www.vnql.com.cn/">农企信息网</a><a href="https://www.xnvm.com.cn/">仙女们写真照片</a><a href="https://www.lumta.com.cn/">音乐简谱网</a><a href="https://www.miliya.com.cn/">米粒芽</a><a href="https://www.xuexiaodaquan.net/">学校大全网</a><a href="https://www.wz95.cn/">95后网站</a><a href="https://www.ranatlanta.cn/">汝南网</a><a href="https://www.opuo.com.cn/">欧普网</a><a href="https://www.7c4.com.cn/">宝宝故事网</a> <a href="https://www.pp6a.cn/">神马品牌网</a> <a href="https://www.hzxzt.com.cn/">杭州交通信息网/"></a> <a href="https://www.hzsgz.com.cn/">杭州市高中教育平台</a> <a href="https://www.crrcn.cn/">查人人中国名人网</a> <a href="https://www.amzr.com.cn/">爱美之人</a> <a href="https://www.scmpx.com.cn/">上车买票</a> <a href="https://www.azxt.com.cn/">安卓系统之家</a> <a href="https://www.520sdw.cn/">中科新闻网</a> <a href="https://www.218zy.cn/">科学院研究所</a> <a href="https://www.ekowh.cn/">高考快车</a> <a href="https://www.520gsw.cn/">高考志愿帮</a> <a href="https://www.madbar.cn/">大学志愿大全</a> <a href="https://www.oisogo.cn/">高校问答</a> <a href="https://www.togowu.cn/">高考问答</a> <a href="https://www.mdeusa.cn/">中考百科</a> <a href="https://www.520bzw.cn/">大学知道</a> <a href="https://www.9uwang.cn/">久游网</a> </div></div></div> </body> </html>

一. table，tr，td 称为HTML的标签，以双标签的形式出现，所谓双标签，也就是有一个

就有一个对应的
与之对应，同样适用于其他的双标签。

如：

内容

有多少

打头就得有多少
收尾，否则就会出错，其他标签适用。


二.论坛全屏效果。
把下列代码加到第一层表格的代码中：style="LEFT: -180px; ; TOP: 90px"
效果如下：

这里插入帖子内容。

注：LEFT: -180px 左距，数值越大与左边距离越大。WIDTH: 800px 帖子宽度，一般全屏都是800像素。TOP: 90px" 上距 数值越大与IE上面的距离越大。其中数值都可以自行修改。

三.我们在HTML模式下编好了帖子，先换到Design先察看，然后点击预览，如无异常即可发帖子，切记将HTML模式旁边的自动修正前面的那个勾勾掉，否则一些特效就出不来，甚至会出现乱码。。。

帮你认识HTML命令中各标签的含义

首先说明，我找到的这个HTML标签速查表，其中有一些命令在网易的模块和日志中是没用的，你也不用来这里找命令标签去编辑你的模块或日志。但这个表有什么用处呢？我的见意是：当你在别人那里得到一组命令，而不知道这组命令中的某一个<***>代表什么意思，那么你可以过来看一下，就知道那组命令中的<***>是做什么的了。

HTML 语言简明教程 　

Html简介