总类(所有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>
向左来回移动字
向右来回移动字
留言列表