《HTML代码学习小结》

《HTML代码学习小结》——青云学习笔记（2）

2010-01-13 13:21:31| 分类：HTML代码 | 标签：html代码 |举报 |字号订阅

音画贴基本代码汇总

—青云学习笔记（2）— 供初学HTML代码的朋友参考 * HTML代码是标签语言．一张音画贴，是用若干条表格、文字、图片、定位、移动和链接等HTML标签编辑而成的，因此，学习HTML代码就要学会使用HTML标签．

* 一条标签可以只有一个指令：例如定位标签（<CENTER>我是居中标签．</CENTER>）

* 一条标签也可以有多条指令，除标签名称外还要有各项属性内容与属值等多个语句，例如文字标签应有字体、字号和颜色等指令；表格标签应有宽度、高度、背景、边线厚度和边线颜色等等指令

音画贴基本表格首标签代码：

全屏音画帖表格首标签代码：

<TBODY>

<TR>

说明：

* <DIV> 区隔标记。设定字、画、表格等的摆放位置。

* <TABLE> 表格标记。设定该表格的各项参数。

* id=table1或 class=" FCK__ShowTableBorders" 网页的相对样式标签。

* LEFT: -260px; 定位网页整体的左右位置，俗称为横坐标。给出的数值越小，它越向左偏移，给出的数值越大它就越往右移动。

* WIDTH: 1000px；表示整体网页的展示宽度，因为我们通常情况下电脑屏幕的展示宽度为1024像素，因此目前所制作的图片最大宽度设置为1000px.

* POSITION: relative 表示为设定网页相对以本文档面显示（即相对定位语句）

* TOP: 0px 表示为边框距顶部的距离。通常情况下设置为0。数值给的越大，它越往下移动。

* cellspacing="0" 图框内细线与边框的距离

* cellpadding="10" 单元格衬距，就是插入内容与单元格间距细线的距离

放背景图片首标签代码：

<TBODY>

<TR>

<TD>

说明：

* border=0表示边框粗度0个点。

* 如果背景图片比表格小，图片会在表格内被自动复制，以充满表格。不想图片自动复制，可以在<Table>语句中再加一个属性。语句如下： <TABLE height=表格高度 width=表格宽度 background=背景图片网址 style="background-repeat:no-repeat">

* 如只想用背景颜色，则<Table>语句变为：<TABLE height=表格高度 width=表格宽度 bgcolor=背景颜色代码或名称>

文字标签基本代码：

说明：

* <font 这条标签名称是文字．

* <face= 属值，常用字体．

* size=属值1-7或套用样式表style=font:属值1-100pt 或更大． * color=#FF0000 字的颜色．

贴图标签的基本代码：

图片大小可调的贴图代码：

图片加边框、图片大小可调的贴图代码：

说明：

* <img src="图片地址"> 这是贴图标签，图片地址必须是从网络上取来有效的文件地址。

* <INPUT> 用图片大小可调的贴图标签

绝对定位插入FLASH的标签代码：

说明：

* < EMBED style=.......POSITION: absolute> 贴FLAS标签行内套用样式表绝对定位语句．关键语句。

* wmode="transparent" 显示的属性为透明

* 绝对定位外部挂贴必须设置相对定位标签,否则插入内容可能在整张网页的别处显示。

音乐标签代码：

说明：

* width=500为播放器宽度， height=50为播放器高度，都设为0时，则隐藏播放器．

* loop="true"循环播放；loop="loop"播放一遍;volume="n"，n为音量大小。

* 如要把播放器放在图框的外面，必须在代码的前面加上头标签<DIV align=center>和在代码后面加尾标签</DIV>

尾标签代码：

这是一类成双成对的标识符的加斜杠的结束符（我称它为关门符号）例如：</DIV></EMBED></TD></TR>等等。这类代码单词当出现一个后，它的后面在一定的地方一定要有加斜杠的结束符。具体介绍见本文后面的《HTML语言基本代码识别》中的第一类：成双成对的标识符。

HTML语言基本代码识别

定位代码：

align 水平方向属性定位标签

水平方向align有三种属值： left （左对齐）， center（居中）， right（右对齐）

<p align=left> 左对齐的标签

<p align=center> 居中的标签

<p align=right> 右对齐的标签

垂直方向valign有二种属值：top（靠顶），bottom（靠底）。

<TD align=LEFT valign=top> 居左靠顶

<TD align=center valign=top> 居中靠顶

<TD align=right valign=top> 居右靠顶

<TD align=LEFT valign=bottom> 居左靠底

<TD align=center valign=bottom> 居中靠底

<TD align=right valign=tbottom> 居右靠底

第一类：成双成对的标识符：这类代码单词当出现一个后，它的后面在一定的地方一定要有加斜杠的结束符，如：

<DIV>表格开始，</DIV>表格结束

<table>表格开始，</table>表格结束

<body>表体开始</body>表体结束

<tr>表格的一行开始,(可简单理解为横向)</tr>表格的一行结束

<td>一行中填充开始,(可简单理解为纵向)</td>填充结束

<p>~</p>创建一个段落及段落结束

<font>文字修饰开始</font>文字修饰结束

<center>~</center>居中开始与结束

第二类：不是成双成对的，它只是表示某种属性，在代码中巧妙运用，会收到意想不到效果呢。如：

borderColor= 表格边框的颜色

bgColor= 大背景颜色代码

cellSpacing=边框与内置边框的宽度

cellPadding=文本与表格框的距离

border= 表格边框的粗细

width=表格宽度,用数字或用"100%"百分比

height=表格高度,用法同上.

align=center内容居中位置改变center为left，则表示内容是左对齐，……

background= 作为背景图片的地址

borderColorDark=边框背光颜色

borderColorLight=边框向光颜色

上面代码单词并不是在每个贴子代码中都要用，可以根据需要进行运用。

第三类：是最简单的代码，不需要成对，也不需要数字选择，直接输入代码就行，如：

<hr>表示是在Html文档中加入一条水平线

<br>表示创建一个回车换行.它没有结束标志.

附件：

HTML编辑浏览器

网页颜色代码选择器

为了让更多朋友学用html代码制作音画贴，我根据自己的学习体会编制了这个帖子。在这里要特别感谢我不相识的“游子”老师，是他的代码教学全集让我学到了这些知识。朋友们在学习和传阅时请不要忘记了“游子”老师的名字。谢谢！

阅读(5)| 评论(0)

喜欢推荐转载

《HTML代码学习小结》——青云学习笔记（1）

【音画】故乡

关闭玩LOFTR，免费冲印20张照片，人人有奖！我要抢>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。