close

HTML常用全部代码

http://ghlp.igogo8.com/igoogle8/make/?m=0&t=46&c=5&s=%E7%8E%A9%E5%BE%97%E5%BC%80%E5%BF%83%E5%B0%B1%E5%A5%BD

总类(所有html文件都有的)


文件类型 <html></html> (放在档案的开头与结尾)
文件主题 <title></title> (必须放在「文头」区块内)
文头 <head></head> (描述性资料,像是「主题」)
文体 <body></body> (文件本体)

通常在一个网页上面右健选择查看源代码,就能看见诸如下面的结构:
<HTML>
<HEAD>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
   <title>我的空间意见建议区_猫扑精灵_意见,建议,问题,求助</title>
   <link href="http://..../css/xxx.css" rel="stylesheet" type="text/css" />
   <link href="http://..../css/xxx.css" rel="stylesheet" type="text/css">
   <script language="javascript" src="http://..../js/xxx.js"></script>
    .........
    .........
</HEAD>
<BODY>
    HTML 文件的正文写在这里,有其它各种标签在这里... ...
</BODY>
</HTML>

 


结构性定义(由浏览器控制的显示风格)

标题 <h?></h?> (从1到6,有六层选择)
3.0 标题的对齐 <h? align=left|center|right></h?> 其中的align定义文字的左中右位置,不写默认在左边,效果如下:

 

 

-1号字 :

<h-1>负一号字</h-1>

○号字 :

<h0>○号字</h0>

一号字

<h1 align=left>一号字:</h1> (居左)

二号字

<h2>二号字</h2>

三号字

<h3 align=center>三号字</h3>(居中)

四号字

<h4 align=right>四号字</h4> (居右)

五号字

<h5>五号字</h5>

六号字

<h6>六号字</h6>

   

3.0 区分 <div></div>
3.0 区分的对齐 <div align=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>

3.0 大字 <big>大字</big>       效果大字
  如果这个标签被嵌套,就像这样:
  <big><big>大字</big></big> : 大字
  <big><big><big>大字</big></big></big> : 大字  
  <big><big><big><big>大字</big></big></big></big> : 大字

3.0 小字 <small>小字</small>   效果小字


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

加粗 <b>文字</b>   效果文字  也可用完整写法:<bold>文字</bold>
斜体 <i>文字</i>   效果文字    也可用完整写法:
3.0 底线 <u></u>   效果文字  (尚有些浏览器不提供)
3.0 删除线 <s></s>  效果文字  也可用完整写法:<strike>文字</strike>(尚有些浏览器不提供)
3.0 下标 <sub></sub> 效果:下标下标
3.0 上标 <sup></sup> 效果:上标上标
打字机体 <tt></tt> (用单空格字型显示)
预定格式 <pre></pre> (保留文件中空格的大小)
预定格式的宽度 <pre width=?></pre>(以字元计算)

n1.0+ 向中看齐 <center>文字或图片</center> (文字与图片都可以,加图片是这样写:
<center>居中的文字或<img src=http://picture_address/xx.gif></center> )
效果

居中的文字或


n1.0 闪耀 <blink></blink> (有史以来最被嘲弄的标签,网景浏览器支持,IE不支持)
n1.0 字体大小 <font size=?></font>(从1到7)
  负三号字  :      <font size=-4>负四号字</font>
  负三号字  :      <font size=-3>负三号字</font>
  负三号字  :      <font size=-2>负二号字</font>
  负一号字 :      <font size=-1>负一号字</font>
  ○号字   :      <font size=0>○号字</font>
  一号字   :      <font size=1>一号字</font>
  二号字  :      <font size=2>二号字</font>
  三号字  :      <font size=3>三号字</font>
  四号字 :      <font size=4>四号字</font>
  五号字:      <font size=5>五号字</font>
  六号字:     <font size=6>六号字</font>
  七号字: <font size=7>七号字</font>

n1.0 改变字体字形 <font face=?></font>

黑体字  <font face="黑体">黑体字</font>
宋体字  <font face="宋体">宋体字</font>
仿宋字  <font face="仿宋_GB2312">仿宋字</font>
楷体字  <font face="楷体_GB2312">楷体字</font>
隶书字  <font face="隶书">隶书字</font>
幼圆字  <font face="幼圆">幼圆字</font>

倒黑体字 <font face="@黑体">倒黑体字</font>
倒宋体字 <font face="@宋体">倒宋体字</font>
倒仿宋字 <font face="@仿宋_GB2312">倒仿宋字</font>
倒楷体字 <font face="@楷体_GB2312">倒楷体字</font>
倒隶书字 <font face="@隶书">倒隶书字</font>
倒幼圆字 <font face="@幼圆">倒幼圆字</font>

n1.0 基本字体大小 <basefont size=?> (从1到7; 内定为3)

n2.0 字体颜色 <font color="#$$$"></font>  其中color值可以是相应颜色的英文,也可以是颜色的十六进制代码:

红色:   <font color=red >红色字:</font>  或者color=#ff0000
兰色:   <font color=blue >蓝色字:</font>  或者color=#ff00ff
绿色:   <font color=green>绿色字:</font>  或者color=#008000
黄色:   <font color=yellow>黄色字:</font>  或者color=#9900cc
黑色:   <font color=black>黑色字:</font>  或者color=#000000
白色:   <font color=white>白色字:</font>  或者color=#ffffff

附多种十六进制颜色代码:
    绝对黑色:   color=#000000    深蓝忧郁:   color=#000088
    草原之蓝:   color=#0000ff    橄榄树绿:   color=#008800
    灰蓝种族:   color=#008888    海洋之蓝:   color=#0088ff
    绿色回忆:   color=#00a010    蓝色月光:   color=#1100ff
    夜幕低垂:   color=#111111    灰色轨迹:   color=#333333
    春草青青:   color=#50b000    暗夜兴奋:   color=#880000
    发亮蓝紫:   color=#8800ff    卡其制服:   color=#888800
    伦敦灰雾:   color=#888888    兴份过蓝:   color=#8888ff
    紫的拘谨:   color=#aa00cc    流金岁月:   color=#aaaa00
    卡布其诺:   color=#ccaa00    正宗喜红:   color=#ff0000
    爱的暗示:   color=#ff0088    红的发紫:   color=#ff00ff
    黄金岁月:   color=#ff8800    红袍飘飘:   color=#ff0005
    紫金绣帖:   color=#ff88ff    焚心似火:   color=#ee0005
    红粉佳人:   color=#ee01ff    我不知道:   color=#3388aa



文字移动 <marquee>文字</marquee>
效果: 
  (1) 向左移动字:
  <marquee>向左移动字</marquee>
向左移动字

  (1)-1 发色带移动字:
  <marquee bgcolor=#ccff99>色带移动字</marquee>
色带移动字

    (1)-2 发移动倒黑体字:
  <marquee><font size=4 face="@黑体">移动倒黑体字</font></marquee>   

移动倒黑体字


  (1)-3
移动的图片:


  <marquee><img src=http://......./xxx.gif></marquee>


  (2)
发向右移动字:
  <marquee direction=right>向右移动字</marquee>
向右移动字

  (3)
发来回移动字:
  <marquee behavior=alternate>向左来回移动字</marquee>
  <marquee direction=right behavior=alternate>向右来回移动字</marquee>
向左来回移动字
向右来回移动字




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 術龍 的頭像
    術龍

    【術龍五術堪輿學苑】

    術龍 發表在 痞客邦 留言(0) 人氣()