DIV+CSS布局基础:HTML标记(一)

来源:互联网 发布:保温杯 知乎 编辑:程序博客网 时间:2024/05/29 04:26

<iframe style="WIDTH: 89.81%; HEIGHT: 64px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&amp;dt=1192819750500&amp;lmt=1192819750&amp;prev_fmts=468x60_as&amp;format=468x15_0ads_al_s&amp;output=html&amp;correlator=1192819750437&amp;channel=1741427766&amp;pv_ch=1741427766%2B&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192817968&amp;ga_hid=1871659779&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=2&amp;u_java=true"></iframe>

<iframe style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&amp;dt=1192818497343&amp;lmt=1192818497&amp;format=468x60_as&amp;output=html&amp;correlator=1192818497343&amp;channel=1741427766&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ad_type=text_image&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&amp;ui=rc%3A6&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192817968&amp;ga_hid=1000484876&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=6&amp;u_java=true"></iframe>

 1------------------------------------------------------------------------- 
<!-- -->  
说明:注释标记,在“<!--”与“-->”之间的内容将不在浏览器中显示。  

2------------------------------------------------------------------------- 
<!DOCTYPE>  
说明:描述文件所符合的HTML DTD,用于对文件的兼容性作简要说明。  

3------------------------------------------------------------------------- 
<
ACCESSKEY=key 
CLASS=classname 
DATAFLD=colname 
DATASRC=#ID 
HREF=url 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
METHODS=http-method 
NAME=name 
REL="stylesheet" 
REV="stylesheet" 
STYLE=css1-properties 
TABINDEX=n 
TARGET=window_name | _blank | _parent | _self | _top  
TITLE=text 
URN=urn 
event = script 
>  
说明:描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。 
 
4-------------------------------------------------------------------------------- 
<ACRONYM 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明:说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记  

5-------------------------------------------------------------------------------- 
<ADDRESS 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event= script 
>  
说明:常用于描述地址、签名和作者信息。需要结束标记。  

6-------------------------------------------------------------------------------- 
<APPLET 
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  
RIGHT | TEXTTOP | TOP 
ALT=text 
CLASS=classname 
CODE=filename 
CODEBASE=url 
DATAFLD=colname 
DATASRC=#ID 
HEIGHT=n 
HSPACE=n 
ID=value 
NAME=name 
SRC=url 
STYLE=css1-properties 
TITLE=text 
VSPACE=n 
WIDTH=n 
event = script 
>  
说明:在页面中放置可执行的内容。需要结束标记。  

7-------------------------------------------------------------------------------- 
<AREA 
ALT=text 
CLASS=classname 
COORDS=coordinates 
HREF=url 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
NOHREF 
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE 
STYLE=css1-properties 
TABINDEX=n 
TARGET=window_name | _blank | _parent | _self | _top 
TITLE=text 
event = script 
>  
说明:在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。  

8-------------------------------------------------------------------------------- 
<
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明:将文本以粗体显示。需要结束标记。  

9-------------------------------------------------------------------------------- 
<BASE 
HREF=url 
TARGET=window_name | _blank | _parent | _self | _top  
>  
说明:描述文档的基本地址,浏览器依此转换相对地址。只能用在HEAD标记中,不需要结束标记。
  
10-------------------------------------------------------------------------------- 
<BASEFONT 
CLASS=classname 
COLOR=color 
FACE=font 
ID=value 
LANG=language 
SIZE=n 
>  
说明:描述基本字体类型,用于显示缺省字体的文本。可用在HEAD标记中,不需要结束标记。

11-------------------------------------------------------------------------------- 
BGSOUND 
BALANCE=n 
CLASS=classname 
ID=value 
LANG=language 
LOOP=n 
SRC=url 
TITLE=text 
VOLUME=n 
>  
说明:在页面中加入背景音乐。可使用在HEAD标记中,结束标记可选。  

12-------------------------------------------------------------------------------- 
BIG 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明:以比当前所用字体稍大的字体显示文本。需要结束标记。  

13-------------------------------------------------------------------------------- 
BLOCKQUOTE 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明:引用其它资源中的内容,可能会缩进、斜体显示,通常上下加空行。需要结束标记。  

14-------------------------------------------------------------------------------- 
BODY 
ALINK=color 
BACKGROUND=url 
BGCOLOR=color 
BGPROPERTIES=FIXED 
BOTTOMMARGIN=pixels 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
LEFTMARGIN=pixels 
LINK=color 
RIGHTMARGIN=pixels 
SCROLL=YES|NO 
STYLE=css1-properties 
TEXT=color 
TITLE=string 
TOPMARGIN=n 
VLINK=color 
event = script 
>  
说明:描述文档主体的开始和结束。需要结束标记。  

15-------------------------------------------------------------------------------- 
BR 
CLASS=classname 
CLEAR=ALL |LEFT | RIGHT 
ID=value 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
>  
说明:换行标记。

16-------------------------------------------------------------------------------- 
BUTTON 
ACCESSKEY=string 
CLASS=classname 
DATAFLD=colname 
DATAFORMATAS=HTML | TEXT 
DATASRC=#ID 
DISABLED 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties  
TITLE=text 
TYPE=BUTTON | RESET | SUBMIT 
event = script 
>  
说明:设置一个按钮。需要结束标记。
  
17-------------------------------------------------------------------------------- 
CAPTION 
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties  
TITLE=text 
VALIGN=BOTTOM | TOP 
event = script 
>  
说明:给TABLE加一个标题。需要结束标记。  

18-------------------------------------------------------------------------------- 
CENTER 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties  
TITLE=text 
event = script 
>  
说明:居中排列其中的内容。需要结束标记。
  
19-------------------------------------------------------------------------------- 
CITE 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明:简要说明一个引用,内容用斜体显示。需要结束标记。  

20-------------------------------------------------------------------------------- 
CODE 
CLASS=classname 
ID=value 
LANG=language 
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS 
STYLE=css1-properties 
TITLE=text 
event = script 
>  
说明:以等宽字体显示一段代码。需要结束标记。 

<iframe style="WIDTH: 44.33%; HEIGHT: 259px" src="http://pagead2.googlesyndication.com/cpa/ads?client=ca-pub-4577827332549849&amp;cpa_choice=CAEaCB94-nvUZWENUB9QugJQtwRQTVAgULcCUB4&amp;oe=gb2312&amp;dt=1192720966468&amp;lmt=1192720966&amp;format=250x250_as&amp;output=html&amp;correlator=1192720966453&amp;channel=2735220158&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-67-1-1.html&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ad_type=text_image&amp;region=_google_cpa_region_&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192720940&amp;ga_hid=1155529757&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=2&amp;u_java=true"></iframe><iframe style="WIDTH: 52.39%; HEIGHT: 259px" src="http://pagead2.googlesyndication.com/cpa/ads?client=ca-pub-4577827332549849&amp;cpa_choice=CAEaCKcC4yuPlq5lUDRQDVAtUK4BUENQCA&amp;oe=gb2312&amp;dt=1192819388296&amp;lmt=1192819388&amp;format=300x250_as&amp;output=html&amp;correlator=1192819388281&amp;channel=2735220158&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fviewthread.php%3Ftid%3D70%26page%3D1%26extra%3Dpage%253D1&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ad_type=text_image&amp;region=_google_cpa_region_&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fpost.php%3Faction%3Dedit%26fid%3D16%26tid%3D70%26pid%3D70%26page%3D1%26extra%3Dpage%253D1&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192817968&amp;ga_hid=1527165455&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=5&amp;u_java=true"></iframe>

 

<iframe style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&amp;dt=1192818497343&amp;lmt=1192818497&amp;format=468x60_as&amp;output=html&amp;correlator=1192818497343&amp;channel=1741427766&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ad_type=text_image&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&amp;ui=rc%3A6&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192817968&amp;ga_hid=1000484876&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=6&amp;u_java=true"></iframe>

<iframe style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&amp;dt=1192818497343&amp;lmt=1192818497&amp;format=468x60_as&amp;output=html&amp;correlator=1192818497343&amp;channel=1741427766&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ad_type=text_image&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&amp;ui=rc%3A6&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192817968&amp;ga_hid=1000484876&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=6&amp;u_java=true"></iframe><iframe style="WIDTH: 89.81%; HEIGHT: 64px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&amp;dt=1192819750500&amp;lmt=1192819750&amp;prev_fmts=468x60_as&amp;format=468x15_0ads_al_s&amp;output=html&amp;correlator=1192819750437&amp;channel=1741427766&amp;pv_ch=1741427766%2B&amp;url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=0000FF&amp;color_url=008000&amp;color_border=336699&amp;ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&amp;cc=100&amp;ga_vid=1025434795.1192631677&amp;ga_sid=1192817968&amp;ga_hid=1871659779&amp;ga_fc=true&amp;flash=8&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_his=2&amp;u_java=true"></iframe>