初级html代码大全

初级html代码大全

　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="高度"autostart=false>

　　14)贴flash:<embedsrc="flash地址"width="宽度"height="高度">

　　15)贴影视文件：<imgdynsrc="文件地址"width="宽度"height="高度"start=mouseover>

　　16)换行：

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

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

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

　　20)固定帖子背景不随滚动条滚动：<bodybackground="背景图片地址"body

　　bgproperties=fixed>

　　21)定制帖子背景颜色：<bodybgcolor="#value"& gt; (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> （用单空格字型显示）

　　预定格式&lt
RE> </PRE> （保留文件中空格的大小）

　　预定格式的宽度&lt
REWIDTH=?> </PRE> （以字元计算）

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

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

　　字体大小<FONTSIZE=?> </FONT> （从1到7）

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

　　基本字体大小<BASEFONTSIZE=?& gt; （从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.分隔

　　段落&lt
> （通常是两个return）

　　3.0段落&lt
> </P> （新定义成容器型标签）

　　3.0文字看齐方式&lt
ALIGN=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="#$$$$$$"& gt;

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

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

　　4.特殊字元（以下标签需用小写）

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

　　<<> > &&""

　　注册商标TM?

　　N1.0+注册商标TM?

　　著作权符号?

　　N1.0+著作权符号?

　　5.表单（通常需要与CGI程式配合）

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

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

　　输入栏位<INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">

　　栏位名称<INPUTNAME="***">

　　栏位内定值<INPUTvalue="***">

　　已选定<INPUTCHECKED> （适用於checkboxes与radioboxes）

　　栏位宽度<INPUTSIZE=?> （以字元数为单位）

　　最长字数<INPUTMAXLENGTH=?> （以字元数为单位）

　　下拉式选单<SELECT> </SELECT>

　　下拉式选单名称<SELECTNAME="***"> </SELECT>

　　选单项目数量<SELECTSIZE=?> </SELECT>

　　多选式选单<SELECTMULTIPLE> （多选）

　　选项<OPTION>

　　内定选项<OPTIONSELECTED>

　　文字输入区<TEXTAREAROWS=?COLS=?> </TEXTAREA>

　　输入区名称<TEXTAREANAME="***"> </TEXTAREA>

　　N2.0输入区换行方式<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL> </TEXTAREA>

　　 6.表格

　　3.0定义表格<TABLE> </TABLE>

　　3.0表格框线<TABLEBORDER> </TABLE> （有或没有）

　　N1.1表格框线<TABLEBORDER=?> </TABLE> （可以设定数值）

　　N1.1储存格左右留白<TABLECELLSPACING=?>

　　N1.1储存格上下留白<TABLECELLPADDING=?& gt;

　　N1.1表格宽度<TABLEWIDTH=?> （以pixels为单位）

　　N1.1宽度比率<TABLEWIDTH=%> （页宽为100%）

　　3.0表格列<TR> </TR>

　　3.0表格列内容看齐<TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>

　　3.0储存格<TD> </TD> （须与列并用）

　　3.0储存格内容看齐<TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>

　　3.0 不换行<TDNOWRAP>

　　N3.0储存格背景颜色<TDBGCOLOR=#$$$$$$>

　　3.0储存格横向连接<TDCOLSPAN=?>

　　3.0储存格纵向连接<TDROWSPAN=?>

　　N1.1储存格宽度<TDWIDTH=?> （以pixels为单位）

　　N1.1储存格宽度比率<TDWIDTH=%> （页宽为100%）

　　3.0表格标题<TH> </TH> （跟<TD> 一样，不过会对中并加粗）

　　3.0表格标题对齐<THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>

　　3.0 表格标题不换行<THNOWRAP>

　　3.0表格标题占几栏<THCOLSPAN=?>

　　3.0表格标题占几列<THROWSPAN=?>

　　N1.1表格标题宽度<THWIDTH=?> （以pixels为单位）

　　N1.1表格标题比率宽度<THWIDTH=%> （页宽为100%）

　　3.0表格抬头<CAPTION> </CAPTION>

　　3.0表格抬头看齐<CAPTIONALIGN=TOP|BOTTOM> （在表格之上/之下）

　　视框（定义与控制萤幕上的特定区域）

　　N2.0视框格式总定义<FRAMESET> </FRAMESET> （取代<BODY> ）

　　N2.0视框行长度分配<FRAMESETROWS=,,,> </FRAMESET> （pixels或%）

　　N2.0视框行长度分配<FRAMESETROWS=*> </FRAMESET> （*=相对大小）

　　 N2.0视框栏宽度分配<FRAMESETCOLS=,,,> </FRAMESET> （pixels或%）

　　N2.0视框栏宽度分配<FRAMESETCOLS=*> </FRAMESET> （*=相对大小）

　　 N2.0定义个别视框<FRAME> （定义个别视框）

　　N2.0个别视框内容<FRAMESRC="URL"& gt;

　　N2.0个别视框名称<FRAMENAME="***"|_blank|_self|_parent|_top& gt;

　　N2.0边缘宽度<FRAMEMARGINWIDTH=?> （「左」与「右」边界）

　　 N2.0边缘高度<FRAMEMARGINHEIGHT=?> （「天顶」与「地底」边界）

　　N2.0卷动条<FRAMESCROLLING="YES|NO|AUTO">

　　N2.0不可改变大小<FRAMENORESIZE>

　　N2.0无视框时的内容<NOFRAMES> </NOFRAMES> （如果浏览器不提供视框功能的话）

　　7.杂项

　　说明 （浏览器不会显示）

　　Html代码大全

　　Html代码大全

　　HTML语法大全

　　卷标,属性名称,简介

　　 批注

　　<!> 跑马灯

　　 <marquee> ...</marquee> 普通卷动

　　 <marqueebehavior=slide> ...</marquee> 滑动

　　 <marqueebehavior=scroll> ...</marquee> 预设卷动

　　 <marqueebehavior=alternate> ...</marquee> 来回卷动

　　 <marqueedirection=down> ...</marquee> 向下卷动

　　 <marqueedirection=up> ...</marquee> 向上卷动

　　 <marqueedirection=right> </marquee> 向右卷动

　　 <marqueedirection=left> </marquee> 向左卷动

　　 <marqueeloop=2> ...</marquee> 卷动次数

　　 <marqueewidth=180> ...</marquee> 设定宽度

　　 <marqueeheight=30> ...</marquee> 设定高度

　　 <marqueebgcolor=FF0000> ...</marquee> 设定背景颜色

　　 <marqueescrollamount=30> ...</marquee> 设定卷动距离

　　 <marqueescrolldelay=300> ...</marquee> 设定卷动时间

　　 <!> 字体效果

　　<h1> ...</h1> 标题字(最大)

　　 <h6> ...</h6> 标题字(最小)

　　<b> ...</b> 粗体字

　　<strong> ...</strong> 粗体字(强调)

　　<i> ...</i> 斜体字

　　<em> ...</em> 斜体字(强调)

　　 <dfn> ...</dfn> 斜体字(表示定义)

　　<u> ...</u> 底线

　　<ins> ...</ins> 底线(表示插入文字)

　　 <strike> ...</strike> 横线

　　<s> ...</s> 删除线

　　<del> ...</del> 删除线(表示删除)

　　 <kbd> ...</kbd> 键盘文字

　　<tt> ...</tt> 打字体

　　<xmp> ...</xmp> 固定宽度字体(在文件中空白、换行、定位功能有效)

　　<plaintext> ...</plaintext> 固定宽度字体(不执行标记符号)

　　 <listing> ...</listing> 固定宽度小字体

　　 <fontcolor=00ff00> ...</font> 字体颜色

　　 <fontsize=1> ...</font> 最小字体

　　 <fontstyle=font-size:100px> ...</font> 无限增大

　　 <!> 区断标记

　　<hr> 水平线

　　<hrsize=9> 水平线(设定大小)

　　<hrwidth=80%> 水平线(设定宽度)

　　 <hrcolor=ff0000> 水平线(设定颜色)

　　
(换行)

　　 <nobr> ...</nobr> 水域(不换行)

　　<p> ...</p> 水域(段落)

　　<center> ...</center> 置中

　　 <!> 连结格式

　　<basehref=地址> (预设好连结路径)

　　 <ahref=地址> </a> 外部连结

　　<ahref=地址target=_blank> </a> 外部连结(另开新窗口)

　　<ahref=地址target=_top> </a> 外部连结(全窗口连结)

　　<ahref=地址target=页框名> </a> 外部连结(在指定页框连结)

　　<!> 贴图/音乐

　　<imgsrc=图片地址> 贴图

　　<imgsrc=图片地址width=180> 设定图片宽度

　　<imgsrc=图片地址 height=30> 设定图片高度

　　<imgsrc=图片地址alt=提示文字> 设定图片提示文字

　　<imgsrc=图片地址border=1> 设定图片边框

　　<bgsoundsrc=MID音乐文件地址& gt; 背景音乐设定

　　<!> 表格语法

　　<tablealing=left> ...</table> 表格位置,置左

　　<tablealing=center> ...</table> 表格位置,置中

　　<tablebackground=图片路径> ...</table> 背景图片的URL=就是路径网址

　　<tableborder=边框大小> ...</table> 设定表格边框大小(使用数字)

　　<tablebgcolor=颜色码> ...</table> 设定表格的背景颜色

　　<tableborderclor=颜色码> ...</table> 设定表格边框的颜色

　　<tableborderclordark=颜色码> ...</table> 设定表格暗边框的颜色

　　<tableborderclorlight=颜色码> ...</table> 设定表格亮边框的颜色

　　<tablecellpadding=参数> ...</table> 指定内容与网格线之间的间距(使用数字)

　　<tablecellspacing=参数> ...</table> 指定网格线与网格线之间的距离(使用数字)

　　<tablecols=参数> ...</table> 指定表格的栏数

　　 <tableframe=参数> ...</table> 设定表格外框线的显示方式

　　 <tablewidth=宽度> ...</table> 指定表格的宽度大小(使用数字)

　　 <tableheight=高度> ...</table> 指定表格的高度大小(使用数字)

　　 <tdcolspan=参数> ...</td> 指定储存格合并栏的栏数(使用数字)

　　 <tdrowspan=参数> ...</td> 指定储存格合并列的列数(使用数字)

　　 <!> 分割窗口

　　<framesetcols="20%,*"> 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

　　<framesetrows="20%,*"> 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

　　<framesetcols="20%,*"& gt; 分割左右两个框架

　　<framesetcols="20%,*,20%"> 分割左中右三个框架

　　<分割上下两个框架

　　<framesetrows="20%,*,20%"> 分割上中下三个框架

　　 批注

　　<AHREFTARGET> 指定超级链接的分割窗口

　　<AHREF=#锚的名称> 指定锚名称的超级链接

　　<AHREF> 指定超级链接

　　<ANAME=锚的名称> 被连结点的名称

　　<ADDRESS> ....</ADDRESS> 用来显示电子邮箱地址

　　 <B> 粗体字

　　<BASETARGET> 指定超级链接的分割窗口

　　 <BASEFONTSIZE> 更改预设字形大小

　　<BGSOUNDSRC> 加入背景音乐

　　<BIG> 显示大字体

　　<BLINK> 闪烁的文字

　　 <BODYTEXTLINKVLINK> 设定文字颜色

　　<BODY> 显示本文

　　 <BR> 换行

　　<CAPTIONALIGN> 设定表格标题位置

　　 <CAPTION> ...</CAPTION> 为表格加上标题

　　<CENTER> 向中对齐

　　<CITE> ...<CITE> 用于引经据典的文字

　　 <CODE> ...</CODE> 用于列出一段程序代码

　　<COMMENT> ...</COMMENT> 加上批注

　　<DD> 设定定义列表的项目解说

　　 <DFN> ...</DFN> 显示"定义"文字

　　<DIR> ...</DIR> 列表文字卷标

　　<DL> ...</DL> 设定定义列表的卷标

　　<DT> 设定定义列表的项目

　　<EM> 强调之用

　　 <FONTFACE> 任意指定所用的字形

　　<FONTSIZE> 设定字体大小

　　 <FORMACTION> 设定户动式窗体的处理方式

　　<FORMMETHOD> 设定户动式窗体之资料传送方式

　　<FRAMEMARGINHEIGHT> 设定窗口的上下边界

　　 <FRAMEMARGINWIDTH> 设定窗口的左右边界

　　<FRAMENAME> 为分割窗口命名

　　<FRAMENORESIZE> 锁住分割窗口的大小

　　<FRAMESCROLLING> 设定分割窗口的滚动条

　　<FRAMESRC> 将HTML文件加入窗口

　　 <FRAMESETCOLS> 将窗口分割成左右的子窗口

　　<FRAMESETROWS> 将窗口分割成上下的子窗口

　　<FRAMESET> ...</FRAMESET> 划分分割窗口

　　<H1> ~<H6> 设定文字大小

　　<HEAD> 标示文件信息

　　 <HR> 加上分网格线

　　<HTML> 文件的开始与结束

　　<I> 斜体字

　　<IMGALIGN> 调整图形影像的位置

　　<IMGALT> 为你的图形影像加注

　　<IMGDYNSRCLOOP> 加入影片

　　 <IMGHEIGHTWIDTH> 插入图片并预设图形大小

　　<IMGHSPACE> 插入图片并预设图形的左右边界

　　<IMGLOWSRC> 预载图片功能

　　 <IMGSRCBORDER> 设定图片边界

　　<IMGSRC> 插入图片

　　 <IMGVSPACE> 插入图片并预设图形的上下边界

　　<INPUTTYPENAMEvalue> 在窗体中加入输入字段

　　<ISINDEX> 定义查询用窗体

　　<KBD> ...</KBD> 表示使用者输入文字

　　<LITYPE> ...</LI> 列表的项目(可指定符号)

　　<MARQUEE> 跑马灯效果

　　<MENU> ...</MENU> 条列文字卷标

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