分享

HTML代码详细解析---具体代码名称

 woshishuai 2012-09-10


HTML代码详细解析


HTML代码音画制作简单 易学 易懂 要比PS大图音画学起来快 同样可以满足 喜欢大图的朋友 就是很多朋友不知道 这些代码具体是什么意思 现在我整理了一下 让朋友们可以更加清楚这些代码是代表什么 同样让朋友们可以学会代码音画 制作出自己满意的音画 也算朋友们没有白加竹影清风这个朋友吧 感谢朋友们对我空间的支持 谢谢
­












1)贴图:<imgsrc="图片



  2)加入连接:


<ahref="所要连接的相关地址"> 写上你想写的字</a>

  3)在新窗口打开连接:


<ahref="相关地址"target="_blank"> 写上要写的字</a>

  4)移动字体(走马灯):


<marquee> 写上你想写的字</marquee>

  5)字体加粗:


<b> 写上你想写的字</b>

  6)字体斜体:


<i> 写上你想写的字</i>

  7)字体下划线:


<u> 写上你想写的字</u>

  字体删除线:


<s> 写上你想写的字</s>

  9)字体加大:


<big> 写上你想写的字</big>

  10)字体控制大小:


<h1> 写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

  11)更改字体颜色:


<fontcolor="#value"> 写上你想写的字</font> (其中value值在000000与ffffff(16位进制)之间

  12)消除连接的下划线:


<ahref="相关地址"style="text-decoration:none"> 写上你想写的字</a>

  13)贴音乐:


<embedsrc="音乐地址"width="宽度"height="
  14)贴flash:


<embedsrc="flash地址"width="宽度"height="高度">

  15)贴影视文件:


<imgdynsrc="文件地址"width="宽度"height="高度"start=mouseover>

  16)换行:<br></br>


  17)段落:<p> 段落</p>

  1原始文字样式:<pre> 正文</pre>

  19)换帖子背景:<bodybackground="背景图片地址">

  20)固定帖子背景不随滚动条滚动:


<bodybackground="背景图片地址"body

  bgproperties=fixed>

  21)定制帖子背景颜色:


<bodybgcolor="#value"> (value值见10)

  22)帖子背景音乐:


<bgsound="背景音乐地址"loop=infinite>

  23)贴网页:


<iframesrc="相关地址"width="宽度"height="高度"> </iframe>

  1.结构性定义

  文件类型<HTML> </HTML> (放在档案的开头与结尾)

  文件主题<TITLE> </TITLE> (必须放在「文头」区块内)

  文头<HEAD> </HEAD> (描述性资料,像是「主题」)

  文体<BODY> </BODY> (文件本体)

  (由浏览器控制的显示风格)

  标题<H?> </H?> (从1到6,有六层选择)

  标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT> </H?>

  区分<DIV> </DIV>

  区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY> </DIV>

  引文区块<BLOCKQUOTE> </BLOCKQUOTE> (通常会内缩)

  强调<EM> </EM> (通常会以斜体显示)

  特别强调<STRONG> </STRONG> (通常会以加粗显示)

  引文<CITE> </CITE> (通常会以斜体显示)

  码<CODE> </CODE> (显示原始码之用)

  样本<SAMP> </SAMP>

  键盘输入<KBD> </KBD>

  变数<VAR> </VAR>

  定义<DFN> </DFN> (有些浏览器不提供)

  地址<ADDRESS> </ADDRESS>

  大字<BIG> </BIG>

  小字<*ALL> </*ALL>

  与外观相关的标签(作者自订的表现方式)

  加粗<B> </B>

  斜体<I> </I>

  底线<U> </U> (尚有些浏览器不提供)

  删除线<S> </S> (尚有些浏览器不提供)

  下标<SUB> </SUB>

  上标<SUP> </SUP>

  打字机体<TT> </TT> (用单空格字型显示)

  预定格式<PRE> </PRE> (保留文件中空格的大小)

  预定格式的宽度<PREWIDTH=?> </PRE> (以字元计算)

  向中看齐<CENTER> </CENTER> (文字与图片都可以)

  闪耀<BLINK> </BLINK> (有史以来最被嘲弄的标签)

  字体大小<FONTSIZE=?> </FONT> (从1到7)

  改变字体大小<FONTSIZE=+|-?> </FONT>

  基本字体大小<BASEFONTSIZE=?> (从1到7;内定为3)

  字体颜色<FONTCOLOR="#$$$$$$"> </FONT>

  2.连结与图形

  连结<AHREF="URL"> </A>

  连结到锚点<AHREF="URL#***"> </A> (如果锚点在另一个档案)

  <AHREF="#***"> </A> (如果锚点目前的档案)

  连结到目的视框<AHREF="URL"TARGET="***"> </A>

  设定锚点<ANAME="***"> </A>

  图形<IMGSRC="URL">

  图形看齐方式<IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE>

  图形看齐方式<IMGSRC="URL"

  ALIGN=LEFT|RIGHT|TEXTTOP|AB*IDDLE|BASELINE|ABSBOTTOM>

  取代文字<IMGSRC="URL"ALT="***"> (如果没有办法显示图形则显示此文字)

  点选图<IMGSRC="URL"I*AP> (需要CGI程式)

  N2.0点选图<IMGSRC="URL"USEMAP="URL">

  N2.0地图<MAPNAME="***"> </MAP> (描述地图)

  N2.0段落<AREASHAPE="RECT"COORDS=",,,"HREF="URL"|NOHREF>

  3.0大小<IMGSRC="URL"WIDTH="?"HEIGHT="?">


(以pixels为单位)N1.0图形边缘<IMGSRC="URL"BORDER=?> (以pixels为单位)

  N1.0图形边缘空间<IMGSRC="URL"HSPACE=?VSPACE=?> (以pixels为单位)

  N1.0低解析度图形<IMGSRC="URL"LOWSRC="URL">

  N1.1用户端拉<METAHTTP-EQUIV="Refresh"CONTENT="?;URL=URL">


(使用端自动更新)

  N2.0内嵌物件<EMBEDSRC="URL">


(将物件插入页面)

  N2.0内嵌物件大小<EMBEDSRC="URL"WIDTH="?"HEIGHT="?">

  3.分隔

  段落<P> (通常是两个return)

  3.0段落<P> </P> (新定义成容器型标签)

  3.0文字看齐方式<PALIGN=LEFT|CENTER|RIGHT> </P>

  换行<BR> (一个return)

  N1.0文字部份看齐方式<BRCLEAR=LEFT|RIGHT|ALL>


(与图形合用时)

  横线<HR>

  N1.0横线对齐<HRALIGN=LEFT|RIGHT|CENTER>

  N1.0横线厚度<HRSIZE=?> (以pixels为单位)

  N1.0横线宽度<HRWIDTH=?> (以pixels为单位)

  N1.0横线比率宽度<HRWIDTH=%> (以页宽为100%)

  N1.0实线<HRNOSHADE> (没有立体效果)

  N1.0不可换行<NOBR> </NOBR> (不换行)

  N1.0可换行处<WBR> (如果需要,可在此断行)

  列举(可以巢状列举)

  无次序式列举<UL> <LI> </UL> (<LI> 放在每一项前)

  N1.0公布式列举<ULTYPE=DISC|CIRCLE|SQUARE>


(定义全部的列举项)

  <LITYPE=DISC|CIRCLE|SQUARE> (定义这个及其後的列举项)

  有次序式列举<OL> <LI> </OL> (<LI> 放在每一项前)

  N1.0数标型态<OLTYPE=A|a|I|i|1> (定义全部的列举项)

  <LITYPE=A|a|I|i|1> (定义这个及其後的列举项)

  N1.0起始数字<OLvalue=?> (定义全部的列举项)

  <LIvalue=?> (定义这个及其後的列举项)

  定义式列举<DL> <DT> <DD> </DL> (<DT> 项目,<DD> 定义)

  表单式列举<MENU> <LI> </MENU> (<LI> 放在每一项前)

  目录式列举<DIR> <LI> </DIR> (<LI> 放在每一项前)

  背景与颜色

  3.0重复排列的背景<BODYBACKGROUND="URL">

  N1.1+背景颜色<BODYBGCOLOR="#$$$$$$">


(依序为红、绿、蓝)

  N1.1+文字颜色<BODYTEXT="#$$$$$$">

  N1.1+连结颜色<BODYLINK="#$$$$$$">

  N1.1+看过的连结<BODYVLINK="#$$$$$$">

  N1.1使用中的连结<BODYALINK="#$$$$$$">

  4.特殊字元(以下标签需用小写)

  特别符号&#?;(其中?代表ISO8859-1的编码)

  <<> > &&""

  注册商标TM?

  N1.0+注册商标TM?

  著作权符号?

  N1.0+著作权符号?

  5.表单(通常需要与CGI程式配合)

  定义表单<FORMACTION="URL"METHOD=GET|POST> </FORM>

  N2.0上传档案<FORMENCTYPE="multipart/form-data> </FORM>




用HTML来插入一个图片,


(红色字体部分即可修改成你自己的自定义)
<img src="http://b31.photo.store.qq.com/http_imgload.cgi?/rurl4_b=


06cc25a28d56dea2e95116d1f449cfd101f91636b842a8b1924bc


80b030ff3761be2e7312c47f4d57a6d0c04c5cffee041


8d8b989d1a4f40745aba32d9808a673c874b8


c66232c0d3e6069cab731a3f2bc29f4bf&a=38&b=31">


HTML代码详细解析---具体代码名称 - 冰 - 屈东领的博客


用HTML来插入一个URL,(就是超级链接)
<a href="http://user.qzone.qq.com/1286525603/infocenter?ptlang=


2052&ADUIN=1286525603&ADSESSION=1273316298&ADTAG=


CLIENT.QQ.2719_Mysrv.0">点击进入竹影清风空间</a>




点击进入竹影清风空间



常用文字代码



一:颜色代码
如果你想使用某种颜色,取得它的颜色值即可。


比如,您想改变某些文字的颜色,您可以使用下面的代码:


<font color=#ffc060 size=2>改变#符号后的代码即可改变颜色</font>























































































































































































aliceblue
(#F0F8FF)
antiquewhite
(#FAEBD7)
aqua
(#00FFFF)
aquamarine
(#7FFFD4)
azure
(#F0FFFF)
beige
(#F5F5DC)
bisque
(#FFE4C4)
black
(#000000)
blanchedalmond
(#FFEBCD)
blue
(#0000FF)
blueviolet
(#8A2BE2)
brown
(#A52A2A)
burlywood
(#DEB887)
cadetblue
(#5F9EA0)
chartreuse
(#7FFF00)
chocolate
(#D2691E)
coral
(#FF7F50)
cornflowerblue
(#6495ED)
cornsilk
(#FFF8DC)
crimson
(#DC143C)
cyan
(#00FFFF)
darkblue
(#00008B)
darkcyan
(#008B8B)
darkgoldenrod
(#B8860B)
darkgray
(#A9A9A9)
darkgreen
(#006400)
darkkhaki
(#BDB76B)
darkmagenta
(#8B008B)
darkolivegreen
(#556B2F)
darkorange
(#FF8C00)
darkorchid
(#9932CC)
darkred
(#8B0000)
darksalmon
(#E9967A)
darkseagreen
(#8FBC8B)
darkslateblue
(#483D8B)
darkslategray
(#2F4F4F)
darkturquoise
(#00CED1)
darkviolet
(#9400D3)
deeppink
(#FF1493)
deepskyblue
(#00BFFF)
dimgray
(#696969)
dodgerblue
(#1E90FF)
firebrick
(#B22222)
floralwhite
(#FFFAF0)
forestgreen
(#228B22)
fuchsia
(#FF00FF)
gainsboro
(#DCDCDC)
ghostwhite
(#F8F8FF)
gold
(#FFD700)
goldenrod
(#DAA520)
gray
(#808080)
green
(#008000)
greenyellow
(#ADFF2F)
honeydew
(#F0FFF0)
hotpink
(#FF69B4)
indianred
(#CD5C5C)
indigo
(#4B0082)
ivory
(#FFFFF0)
khaki
(#F0E68C)
lavender
(#E6E6FA)
lavenderblush
(#FFF0F5)
lawngreen
(#7CFC00)
lemonchiffon
(#FFFACD)
lightblue
(#ADD8E6)
lightcoral
(#F08080)
lightcyan
(#E0FFFF)
lightgoldenrodyellow
(#FAFAD2)
lightgreen
(#90EE90)
lightgrey
(#D3D3D3)
lightpink
(#FFB6C1)
lightsalmon
(#FFA07A)
lightseagreen
(#20B2AA)
lightskyblue
(#87CEFA)
lightslategray
(#778899)
lightsteelblue
(#B0C4DE)
lightyellow
(#FFFFE0)
lime
(#00FF00)
limegreen
(#32CD32)
linen
(#FAF0E6)
magenta
(#FF00FF)
maroon
(#800000)
mediumaquamarine
(#66CDAA)
mediumblue
(#0000CD)
mediumorchid
(#BA55D3)
mediumpurple
(#9370DB)
mediumseagreen
(#3CB371)
mediumslateblue
(#7B68EE)
mediumspringgreen
(#00FA9A)
mediumturquoise
(#48D1CC)
mediumvioletred
(#C71585)
midnightblue
(#191970)
mintcream
(#F5FFFA)
mistyrose
(#FFE4E1)
moccasin
(#FFE4B5)
navajowhite
(#FFDEAD)
navy
(#000080)
oldlace
(#FDF5E6)
olive
(#808000)
olivedrab
(#6B8E23)
orange
(#FFA500)
orangered
(#FF4500)
orchid
(#DA70D6)
palegoldenrod
(#EEE8AA)
palegreen
(#98FB98)
paleturquoise
(#AFEEEE)
palevioletred
(#DB7093)
papayawhip
(#FFEFD5)
peachpuff
(#FFDAB9)
peru
(#CD853F)
pink
(#FFC0CB)
plum
(#DDA0DD)
powderblue
(#B0E0E6)
purple
(#800080)
red
(#FF0000)
rosybrown
(#BC8F8F)
royalblue
(#4169E1)
saddlebrown
(#8B4513)
salmon
(#FA8072)
sandybrown
(#F4A460)
seagreen
(#2E8B57)
seashell
(#FFF5EE)
sienna
(#A0522D)
silver
(#C0C0C0)
skyblue
(#87CEEB)
slateblue
(#6A5ACD)
slategray
(#708090)
snow
(#FFFAFA)
springgreen
(#00FF7F)
steelblue
(#4682B4)
tan
(#D2B48C)
teal
(#008080)
thistle
(#D8BFD8)
tomato
(#FF6347)
turquoise
(#40E0D0)
violet
(#EE82EE)
wheat
(#F5DEB3)
white
(#FFFFFF)
whitesmoke
(#F5F5F5)
yellow
(#FFFF00)
yellowgreen
(#9ACD32)















000000 000020 000040 000060 000080 0000a0 0000c0 0000ff












008000 008020 008040 008060 008080 0080a0 0080c0 0080ff












00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0 00ffff












c00000 c00020 c00040 c00060 c00080 c000a0 c000c0 c000ff













ff0000


ff0020


ff0040


ff0060


ff0080


ff00a0


ff00c0


ff00ff



二:文字加粗 倾斜的代码
◆文字加粗的代码是: <b>你好</b>

◆文字倾斜的代码是: <i>你好!</i>

◆底线字:<u></u>

三:文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果,

这是超链接,代码是这样:
<a href="空间地址";>竹影清风</a>

如果要点了这个文字以后重新打开一个窗口的话,

代码是:<a href="空间地址";; target="_blank">竹影清风</a>


四:在日志里放图片的代码
如果你看到一个好看的图片想放到日志上,代码是这样的:
<img src="http://www.163.com/wwwimages/n/163logo.gif";


width="150"


height="100">
后面的数字调节图片的尺寸大小。




五:图片链接代码
如果要点一下图片就能打开一个空间的链接代码是这样的:
<a href="http://www.163.com";><img src="http://www.163.com/wwwimages


/n/163logo.gif"; width="150" height="100"></a>
如果要点一下图片就能打开一个空间的链接,并且重新打开一个窗口。代码是这样的:
<a href="http://www.163.com";; target="_blank"><img src="http://


www.163.com/wwwimages/n/163logo.gif"; width="150" height="100">


</a>上面的数字都能调节图片尺寸大小。



六:换行代码
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br>
,这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明。



七:文字移动的代码是
<marquee>这里写文字</marquee>


八:移动图片的代码
<marquee><img src="http://games.tom.com/images/2002/gamemm/0604/


s/36.jpg";><img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>


<img src="http://games.tom.com/images/2002/gamemm/0604/s/30.jpg";>


<marquee>
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:
<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。




九:背景音乐的代码
如果想在你的日志上放上一段好听的背景音乐,代码是: <bgsound src="http:


//xxxxx.com/xxx.mid";loop=10>
<bgsound src="http://www./midi/music.asp?id=3073";loop=30>


里面的背景音乐地址你能自己替换。
前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数。
http://www./midi/
这个日志都有好的背景音乐



十:在日志中插入一个flash动画的代码是
<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf";> 里面的动画地址换成你的.







一款播放器


代码如下
<P><BR><EMBED src=歌曲地址 width=300 height=45


type=audio/mpeg allownetworking="internal" loop="-1" autostart=


"FALSE" volume="0" invokeurls="false"


allowNetworking="internal" allowscriptaccess="never"></P>




使用图片羽化代码



代码如下:




1,静的代码:圆形



<CENTER>
<img src="这里放图地址" style="FILTER:


alpha(opacity=100,style=2)"width=300>
</CENTER>




2,静的代码:方形


<CENTER>
<img src="这里放图地址" style="FILTER:


alpha(opacity=100,style=2)"width=300>
</CENTER>






2,动的代码:



<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER:


alpha(opacity=100,style=2)"width=300><BR>
</marquee></p>




HTML代码详细解析---具体代码名称 - 冰 - 屈东领的博客欢迎点击进入竹影清风影音空间 HTML代码详细解析---具体代码名称 - 冰 - 屈东领的博客


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多