初级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> (用单空格字型显示) 预定格式<RE> </PRE> (保留文件中空格的大小) 预定格式的宽度<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.分隔 段落<> (通常是两个return) 3.0段落<> </P> (新定义成容器型标签) 3.0文字看齐方式<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> 条列文字卷标 |
|