引用 html代码基础汇编.doc

一、html代码基础HTML的英语全称为Hyper Text Markup Language，中文意思是超文本标识语言（简称为：超文本语言）也叫WEB语言。它是计算机语言的最基础、最简单的部分。我们知道计算机最基本的识别文字（也叫语言）就是26个英文字母+10个阿拉伯数字+部分标点符号。论坛上的HTML音画制做是不借助任何软件的，所以就必须使用HTML语言（部分网站及专业论坛是不开放HTML设置的） 初学者一打开HTML制式，看到的往往是一堆代码，即便不晕也是丈二和尚，往往会在这个时期放弃学习，实际上你只要摸上规律，找到窍门，它的组成是有定律的、是固定的.HTML是一种用来制作超文本文档的简单标签语言，不是程序语言一张音画贴，是用若于条文字、表格、定位、移动和链接等HTML标签编辑而成的。与普通文档不同，它可以加入文字、图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。它的特点是用一对小尖括弧（“）作为标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“”来表示。而且大部份是成对的双标签，即首标签和尾标签。HTML代码是标签语言仅有一个指令的标签，只须一个标签名称的语句就可以，如贴图代码：一条标签有多条指令时，除标签名称外还要有各项属性内容与属值等多个语句比如： 内容 如： 梦中人梦工场 代码的第一行 首标签名属性内容依次是：字号大小什么字体 字的颜色代码的第二行 文字内容代码的第三行尾标签 字号代码原是：size=1-7这里用的是CSS样式定义字体：style=font: 可以最大限度地设置字号如果在这组代码前面加一个移动始标签，在后面加一个尾标签，这几个字就能移动了。 梦中人梦工场 标签属性内容可以有几个至十多个几十个不等标签属性内容必须与标签名称相关语句：如文字标签应用字体、字号和颜色等指令表格标签应用宽度、高度、背景、边线厚度和边线颜色等指令 再如制作网页或音画贴，要使用表格标签进行表格设置例如要做一张宽500高300蓝色边框青色背景图框，代码如下： 说明：第一行代码是表格首标签，内有宽、高、背景和边线四个属性内容及属值第二行代码是表格的列第三行代码是表格的行，（列和行构成一个单元格）第四行代码是表格的全部尾标签 这里先介绍一些基础的只有一个或几个标签的html语句代码：1、贴图：2、加入连接：写上你想写的字3、在新窗口打开连接：写上要写的字4、用图片链接代码(1)： 用图片链接代码(2)可以加上你的说明文字： 5、字体加粗：写上你想写的字 6、字体斜体：写上你想写的字7、字体下划线: 写上你想写的字8、字体删除线: 写上你想写的字9、字体加大: 写上你想写的字10、字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)或者 设置字体大小，从1到7 11、设置、更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间12、消除连接的下划线：写上你想写的字13、贴音乐：14、贴flash基础码: 贴Flash动画代码2：15、贴影视文件：16、换行：17、段落：段落18、文字的对齐方向 #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.之后的文字都会以所设的对齐方式显示，直到出现另一个改变其对齐方向，遇到或标签时会自动设回预设的向左对齐。19、分隔线 a.分隔线的粗细 b.分隔线的宽度 c.分隔线对齐方向 #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 d.分隔线的颜色 e.实心分隔线 20、换帖子背景：21、固定帖子背景不随滚动条滚动：22、定制帖子背景颜色：(value值见10)23、帖子背景音乐：24、贴网页1：贴网页2：用时换下黄色地址就行了 25、区隔标记 称为区隔标记。作用：设定字、画、表格等的摆放位置。 应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者 另一种组织能力，有 Class ; Style ; title ; ID 等属性。 以 为例： align=center 可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。 的作用和居中标记 一样。 注：其实常用跟标签的效果差不多，但是功能比相对强一些。 26、居中对齐 . 跟.,.效果基本是一样的。 27、文字移动标记. 滚动内容 移动速度指令是: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字符的移动速度，属性值为数字，数值越大速度越大，反之亦然； 二、移动文字的基本代码：1、左到右代码(走马灯)：写上你想写的字 2、可以控制速度的代码插入文字3、带有框的移动文字代码：插入文字（图片等） 移动代码各参数详解： 1）direction=移动方向，表示向上(up)，向下(down)，向左(left)，向右(right)； 2)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为13比较好。3)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。4)direction。表示滚动的方向，默认为从右向左：。可选的值有right、down、up。滚动方向分别为：right表示，up表示，down表示。5)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。6)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)基本形式插入文字说明：behavior=alternate 左右来回走；behavior=scroll 从右往左重复着；behavior=slide 从右往左只走一次。4、给滚动字幕加超链接的代码。这跟平时的超链接是完全一样的。只要在文字外面加上和就可以了。代码是：梦中人梦工场，点击“梦中人梦工场”就可以进入了. 5、交替移动效果代码：欢迎您来到梦工场 6、向右移动代码：欢迎您来到梦工场 7、向上移动代码：欢迎您来到梦工场 8、向下移动代码：欢迎您来到梦工场 9、多行向上移动代码：锄禾日当午，汗滴禾下土：谁知盘中餐，粒粒皆辛苦。10、有底色移动文字的代码你的文字说明：color=#ff0000 文字颜色；background: #FFCC00 背景颜色；behavior=slide 从右往左只走一次。滚动红色字特效代码请输入你想要的文字11、带虚线边框移动文字的代码你的文字12、文字向两边分开移动的代码祝您浏览快乐乐快览浏您祝说明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width。13、文字上下跳跃移动的代码MARQUEE behavior=altrnate scrollAmount=2 width=460 欢迎光临我的博客 14、图片上加飘动文字特效代码请输入你想要的文字效果: 15、飘动的字特效代码请输入你想要的文字 三 、特效字体代码 1、一般大字体的代码插入文字说明：align=文字位置表示字体居中（center），居右（right），居左（left）；font:40pt数值越大文字就越大；face=字体 常用字体为：宋体、黑体、楷体.、仿宋、新宋体、细明体等；color=颜色代码。2、文字竖向排列的代码你的文字你的文字3、带尾晕文字的代码欢迎光临梦中人梦工场4、抛射字体代码：欢迎光临梦中人梦工场说明：FONT-SIZE: 30pt 数值越大文字就越大，放在日志的最后最好5、空心文字的代码欢迎光临梦中人梦工场说明：FONT-SIZE: 30pt 数值越大文字就越大6、凹体文字的代码我凹下去了吧？你不想试试吗? 7、带尾晕的移动文字代码：带着盈盈思念，带着温馨祈愿，远方的你是否无恙？在这个思念的季节里。真心祝愿你开心快乐！ 效果： 8、表格文字的代码 表格内容表格内容表格内容表格内容表格内容表格内容 表格内容表格内容表格内容 表格内容表格内容表格内容 表格内容表格内容表格内容说明：1）每排几个表格内容，可根据自己的需要或版面要求任意设置，只要在的后面增加或减少表格内容即可；2）文字及细线条的颜色bgcolor=#FF0000也可根据自己的需要进行更改。插入文字总说明1、调整字体大小：文字前添加： ，文字后添加，其中 #=1, 2, 3, 4, 5, 6, 7 ；从1到7表示字体由小到大，从这些数字里选择合适的一个代替#即可，可逐个试试，观察效果最后选定。如果想文字再大，可以试用css语句style=FONT-SIZE: 400pt 替换size=字号语句，其中400t 可以换，如换成500t,文字可达到无限大但是有一些论坛不支持这种特效代码，必须先试后用2、调整字体色彩：文字前添加，文字后添加 ，其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩，可从它们当中选择满意的一种色彩代替#即可，逐个试试观察效果最后选定。10、 带框文字特效代码修改你要的字提示：这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)double 表示边框样式为：双线groove 表示边框样式为：3D凹槽状dotted 表示边框样式为：点线 inset 表示边框样式为：3D内嵌边框outset 表示边框样式为：3D外嵌边框ridge 表示边框样式为：3D凸脊状dashed 表示边框样式为：虚线solid 表示边框样式为：实线 四、图片代码基础 1.基本代码2.给图片加边框图片代码说明： 添加一个图像 排列对齐一个图像：左中右或上中下 设置围绕一个图像的边框的大小border=6 表格边框的厚度cellspacing=2 表格格线的厚度cellPadding=1表格格线内厚度borderColor=#841A00边框色彩table 创建一个表格 开始表格中的每一行 开始一行中的每一个格子 3,留言贴图片 4、图片朦胧效果A.圆形效果代码：B.方形效果代码：C.椭圆效果代码：5、几种特殊效果黑白效果： X光效果（底片）：浮雕效果： 上下颠倒： 左右颠倒 色彩颠倒： 粒状阴影： 水波效果：（风吹）静态倒影： 6、图片显示的友情链接代码 五、图片移动代码1.向左移动代码: 2、向右移动 3、向下移动：向下移动 4、来回移动img src= htt