A. 常用的HTML代码
常用HTML代码解释 一、文字1.标题文字 <h#>……….</h#> #=1~6;h1为最大字,h6为最小字2.字体变化 <font>……….</font> 【1】字体大小 <font size=#>……….</font> #=1~7;数字愈大字也愈大 【2】指定字型 <font face="字体名称">……….</font> 【3】文字颜色 <font color=#rrggbb>……….</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码 rrggbb也可用6位颜色代码数字3.显示小字体 <small>……….</small> 4.显示大字体 <big>……….</big>5.粗体字 <b>……….</b>6.斜体字 <i>……….</i> 7.打字机字体 <tt>……….</tt>8.底线 <u>……….</u>9.删除线 <strike>……….</strike>10.下标字 <sub>……….</sub>11.上标字 <sup>……….</sup>12.文字闪烁效果 <blink>……….</blink>13.换行(也称回车) <br>14.分段 <p> 15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。16.分隔线 <hr> 【1】分隔线的粗细 <hr size=点数> 【2】分隔线的宽度 <hr size=点数或百分比> 【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 【4】分隔线的颜色 <hr color=#rrggbb> 【5】实心分隔线 <hr noshade>17.居中对齐 <center>……….</center>18.依原始样式显示 <pre>……….</pre>19.<body>指令的属性【1】背景颜色 — bgcolor <body bgcolor=#rrggbb> 【2】背景图案 — background <body background="图形文件名"> 【3】设定背景图案不会卷动 — bgproperties <body bgproperties=fixed> 【4】文件内容文字的颜色 — text <body text=#rrggbb> 【5】超连结文字颜色 — link <body link=#rrggbb> 【6】正被选取的超连结文字颜色 — vlink <body vlink=#rrggbb> 【7】已连结过的超连结文字颜色 — alink <body alink=#rrggbb>20.文字移动指令<MARQUEE>……….</MARQUEE> 移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。 移动方向指令是:direction=# up向上、down向下、left向左、right向右。 指令举例:<MARQUEE scrollAmount=3 direction=up>……….</MARQUEE>二、图片1.插入图片 <img src="图形文件名">2.设定图框 — border <img src="图形文件名" border=点数>3.设定图形大小 — width、height <img src="图形文件名" width=宽度点数 height=高度点数>4.设定图形上下左右留空 — vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>5.图形附注 <img src="图形文件名" alt="说明文字">6.预载图片<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致;7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称"><area shape=形状 coords=区域座标列表 href="连结点之URL"><area shape=形状 coords=区域座标列表 href="连结点之URL"><area shape=形状 coords=区域座标列表 href="连结点之URL"><area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>【1】定义形状 — shapeshape=rect:矩形 shape=circle:圆形 shape=poly:多边形 【2】定义区域 — coordsa.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标例:<area shape=rect coords=100,50,200,75 href="URL"> b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度例:<area shape=circle coords=85,155,30 href="URL">c.任意图形(多边形):将图形之每一转折点座标依序填入例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"三、表格相关1.表格标题<caption>……….</caption> 表格标题位置 — align<caption align="#"> #号可为 top:表标题置于表格上方(预设值)bottom:表标题置于表格下方2.定义列 <tr>3.定义栏位 《1》<td>:靠左对齐 《2》<th>:靠中对齐ⅱ粗体 【1】水平位置 — align <th align="#"> #号可为 left:向左对齐 center:向中对齐 right:向右对齐【2】垂直位置 — align <th align="#"> #号可为 top:向上对齐 middle:向中对齐 bottom:向下对齐 【3】栏位宽度 — width <th width=点数或百分比> 【4】栏位垂直合并 — rowspan <th rowspan=欲合并栏位数> 【5】栏位横向合并 — colspan <th colspan=欲合并栏位数>四、表格的主要属性 1. <table>标记的主要属性 align定义表格的对齐方式,有三个属性值center,left,right background定义表格的背景图案,属性值为图片的地址 bgcolor定义表格的背景颜色,属性值是各种颜色代码 border定义表格的边框宽度,属性值是数字 bordercolor定义表格边框的颜色,属性值是各种颜色代码 cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字 cellspacing定义表格中单元格之间的距离 height定义表格的高度,属性值是数字 width定义表格的宽度,属性值是数字 2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下: align定义对齐方式,属性值与上同 background定义背景图案 bgcolor定义背景色 3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码: colspan定义合并表格的列数,属性值是数字 rowspan定义合并表格的行数,属性值是数字 五、FRAME1、分割视窗指令 <frameset>……….</frameset> 【1】垂直(上下)分割 — rows<frameset rows=#> #号可为点数: 如欲分割为100,200,300三个视窗,则<frameset rows=100,200,300>; 亦可以*号代表,如<frameset rows=*,500,*> 百分比:如<frameset rows=30%,70%>,各项总和最好为100%;【2】水平(左右)分割 — cols <frameset cols=点数或百分比>2、指定视窗内容 — <frame><frameset cols=30%,70%> <frame> <frame> </frameset>【1】指定视窗的文件名称 — src <frame src=HTML档名> 【2】定义视窗的名称 — name<frame name=视窗名称> 【3】设定文件与上下边框的距离 — marginheight<frame marginheight=点数> 【4】设定文件与左右边框的距离 — marginwidth<frame marginwidth=点数> 【5】设定分割视窗卷轴 — scrolling <frame scrolling=#> #号可为 yes:固定出现卷轴 no:不出现卷轴 auto:自动判断文件大小需不需要卷轴(预设值)【6】锁住分割视窗的大小 — noresize <frame noresize>六、歌曲代码: 在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码: 1. 手动播放: <EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"> 2. 打开页面自动播放: <EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true"> ——————————————————————套用代码:<div align="center"><table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%"><p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br><p align="center"><img src="图片地址"><br><br><font color="#FFFFFF" size=3>介绍文字</font><br><br><br><EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br></td></tr></table></div>简易套用代码详解:<div align="center">是定义帖子居中;<table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%">这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度<p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br><p align="center">是定义文字居中的,<br>是回行代码,加几个就会空几行。<font face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定义字体,你可以把字体换成隶书、宋体等。size="6"是定义字号的,数字越大字越大,如果不定义,默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过,你可以找来改。<p align="center"><img src="图片地址"><br><br><font color="#FFFFFF">介绍文字</font><br><br><br>第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。<font color="#FFFFFF" size=3>介绍文字</font>是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈��烧瞻嵘厦嫖医驳亩ㄒ宸椒ā?/font><EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1">这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1">这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。
B. html中把图片变成文本域源代码和css部分怎么写
这类的代码还是很简单的。
<textareastyle="background:url(imgurl);width:500px;height:200px;">
C. 什么是HTML代码 怎么制作HTML代码
HTML代码 是超文本抄标记语袭言文本,可以用文本编辑器制作HTML代码 ,这里以记事本为例。
1、右击电脑桌面任意空白区域,在展开的菜单中点击“新建”按钮,然后点击“文本文件”按钮:
D. html代码 文本域
<input name="textfield" type="text" value="这是初始值" onfocus='this.value=""' onBlur='this.value="这是初始值"'/>
E. html代码大全
1.结构性定义 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 文头 <HEAD></HEAD> (描述性资料,像是「主题」) 文体 <BODY></BODY> (文件本体) (由浏览器控制的显示风格) 标题 <H?></H?> (从1到6,有六层选择) 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 区分 <DIV></DIV> 区分的对齐 <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> 大字 <BIG></BIG> 小字 <SMALL></SMALL> 与外观相关的标签(作者自订的表现方式) 加粗 <B></B> 斜体 <I></I> 底线 <U></U> (尚有些浏览器不提供) 删除线 <S></S> (尚有些浏览器不提供) 下标 <SUB></SUB> 上标 <SUP></SUP> 打字机体 <TT></TT> (用单空格字型显示) 预定格式 <PRE></PRE> (保留文件中空格的大小) 预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算) 向中看齐 <CENTER></CENTER> (文字与图片都可以) 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签) 字体大小 <FONT SIZE=?></FONT>(从1到7) 改变字体大小 <FONT SIZE=+|-?></FONT> 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3) 字体颜色 <FONT COLOR='#$$$$$$'></FONT> 2.连结与图形 连结 <A href='/URL'></A> 连结到锚点 <A HREF='URL#***'></A>(如果锚点在另一个档案) <A HREF='#***'></A> (如果锚点目前的档案) 连结到目的视框 <A href='/URL' TARGET='***'></A> 设定锚点 <A NAME='***'></A> 图形 <IMG src='/URL'> 图形看齐方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE> 图形看齐方式 <IMG src='/URL' ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 取代文字 <IMG src='/URL' ALT='***'> (如果没有办法显示图形则显示此文字) 点选图 <IMG src='/URL' ISMAP> (需要CGI程式) N2.0 点选图 <IMG src='/URL' USEMAP='URL'> N2.0 地图 <MAP NAME='***'></MAP>(描述地图) N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF> 3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>(以pixels为单位) N1.0 图形边缘 <IMG src='/URL' BORDER=?> (以pixels为单位) N1.0 图形边缘空间 <IMG src='/URL' HSPACE=? VSPACE=?> (以pixels为单位) N1.0 低解析度图形 <IMG src='/URL' LOWsrc='/URL'> N1.1 用户端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>(使用端自动更新 ) N2.0 内嵌物件 <EMBED src='/URL'> (将物件插入页面) N2.0 内嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'> 3.分隔 段落 <P> (通常是两个return) 3.0 段落 <P></P> (新定义成容器型标签) 3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P> 换行 <BR> (一个return) N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时) 横线 <HR> N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER> N1.0 横线厚度 <HR SIZE=?> (以pixels为单位) N1.0 横线宽度 <HR WIDTH=?> (以pixels为单位) N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%) N1.0 实线 <HR NOSHADE> (没有立体效果) N1.0 不可换行 <NOBR></NOBR> (不换行) N1.0 可换行处 <WBR> (如果需要,可在此断行) 列举 (可以巢状列举) 无次序式列举 <UL><LI></UL> (<LI> 放在每一项前) N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项) <LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其后的列举项) 有次序式列举 <OL><LI></OL> (<LI> 放在每一项前) N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项) <LI TYPE=A|a|I|i|1> (定义这个及其后的列举项) N1.0 起始数字 <OL value=?> (定义全部的列举项) <LI value=?> (定义这个及其后的列举项) 定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义) 表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前) 目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前) 背景与颜色 3.0 重复排列的背景 <BODY background='/URL'> N1.1+ 背景颜色 <BODY BGCOLOR='#$$$$$$'> (依序为红、绿、蓝) N1.1+ 文字颜色 <BODY TEXT='#$$$$$$'> N1.1+ 连结颜色 <BODY LINK='#$$$$$$'> N1.1+ 看过的连结 <BODY VLINK='#$$$$$$'> N1.1 使用中的连结 <BODY ALINK='#$$$$$$'> 4.特殊字元(以下标签需用小写) 特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码) < < > > & & ' ' 注册商标TM ? N1.0+ 注册商标TM ? 著作权符号 ? N1.0+ 著作权符号 ? 5.表单 (通常需要与CGI程式配合) 定义表单 <FORM ACTION='URL' METHOD=GET|POST></FORM> N2.0 上传档案 <FORM ENCTYPE='multipart/form-data></FORM> 输入栏位 <INPUT TYPE='TEXT|PASSword|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'> 栏位名称 <INPUT NAME='***'> 栏位内定值 <INPUT value='***'> 已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes) 栏位宽度 <INPUT SIZE=?> (以字元数为单位) 最长字数 <INPUT MAXLENGTH=?> (以字元数为单位) 下拉式选单 <SELECT></SELECT> 下拉式选单名称 <SELECT NAME='***'></SELECT> 选单项目数量 <SELECT SIZE=?></SELECT> 多选式选单 <SELECT MULTIPLE> (多选) 选项 <OPTION> 内定选项 <OPTION SELECTED> 文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA> 输入区名称 <TEXTAREA NAME='***'></TEXTAREA> N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> 6.表格 3.0 定义表格 <TABLE></TABLE> 3.0 表格框线 <TABLE BORDER></TABLE> (有或没有) N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值) N1.1 储存格左右留白 <TABLE CELLSPACING=?> N1.1 储存格上下留白 <TABLE CELLPADDING=?> N1.1 表格宽度 <TABLE WIDTH=?> (以pixels为单位) N1.1 宽度比率 <TABLE WIDTH=%> (页宽为100%) 3.0 表格列 <TR></TR> 3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 储存格 <TD></TD> (须与列并用) 3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 不换行 <TD NOWRAP> N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$> 3.0 储存格横向连接 <TD COLSPAN=?> 3.0 储存格纵向连接 <TD ROWSPAN=?> N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位) N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%) 3.0 表格标题 <TH></TH> (跟<TD>一样,不过会对中并加粗) 3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 表格标题不换行 <TH NOWRAP> 3.0 表格标题占几栏 <TH COLSPAN=?> 3.0 表格标题占几列 <TH ROWSPAN=?> N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位) N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%) 3.0 表格抬头 <CAPTION></CAPTION> 3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下) 视框 (定义与控制萤幕上的特定区域) N2.0 视框格式总定义 <FRAMESET></FRAMESET> (取代<BODY>) N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %) N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相对大小) N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %) N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> (* =相对大小) N2.0 定义个别视框 <FRAME> (定义个别视框) N2.0 个别视框内容 <FRAME src='/URL'> N2.0 个别视框名称 <FRAME NAME='***'|_blank|_self|_parent|_top> N2.0 边缘宽度 <FRAME MARGINWIDTH=?> (「左」与「右」边界) N2.0 边缘高度 <FRAME MARGINHEIGHT=?> (「天顶」与「地底」边界) N2.0 卷动条 <FRAME SCROLLING='YES|NO|AUTO'> N2.0 不可改变大小 <FRAME NORESIZE> N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>(如果浏览器不提供视框功能的话) 7.杂项 说明 <!– *** –> (浏览器不会显示)
F. HTML通用代码
<!> 跑马灯 <marquee>…</marquee>普通卷动 <marquee behavior=slide>…</marquee>滑动 <marquee behavior=scroll>…</marquee>预设卷动 <marquee behavior=alternate>…</marquee>来回卷动 <marquee direction=down>…</marquee>向下卷动 <marquee direction=up>…</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>…</marquee>卷动次数 <marquee width=180>…</marquee>设定宽度 <marquee height=30>…</marquee>设定高度 <marquee bgcolor=FF0000>…</marquee>设定背景颜色 <marquee scrollamount=30>…</marquee>设定卷动距离 <marquee scrolldelay=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> 固定宽度小字体 <font color=00ff00>…</font>字体颜色 <font size=1>…</font>最小字体 <font style =font-size:100 px>…</font>无限增大 <!>区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <nobr>…</nobr>水域(不换行) <p>…</p>水域(段落) <center>…</center>置中 <!>连结格式 <base href=地址>(预设好连结路径) <a href=地址></a>外部连结 <a href=地址 target=_blank></a>外部连结(另开新窗口) <a href=地址 target=_top></a>外部连结(全窗口连结) <a href=地址 target=页框名></a>外部连结(在指定页框连结) <!>贴图/音乐 <img src=图片地址>贴图 <img src=图片地址 width=180>设定图片宽度 <img src=图片地址 height=30>设定图片高度 <img src=图片地址 alt=提示文字>设定图片提示文字 <img src=图片地址 border=1>设定图片边框 <bgsound src=MID音乐文件地址>背景音乐设定 <!>表格语法 <table aling=left>…</table>表格位置,置左 <table aling=center>…</table>表格位置,置中 <table background=图片路径>…</table>背景图片的URL=就是路径网址 <table border=边框大小>…</table>设定表格边框大小(使用数字) <table bgcolor=颜色码>…</table>设定表格的背景颜色 <table borderclor=颜色码>…</table>设定表格边框的颜色 <table borderclordark=颜色码>…</table>设定表格暗边框的颜色 <table borderclorlight=颜色码>…</table>设定表格亮边框的颜色 <table cellpadding=参数>…</table>指定内容与网格线之间的间距(使用数字) <table cellspacing=参数>…</table>指定网格线与网格线之间的距离(使用数字) <table cols=参数>…</table>指定表格的栏数 <table frame=参数>…</table>设定表格外框线的显示方式 <table width=宽度>…</table>指定表格的宽度大小(使用数字) <table height=高度>…</table>指定表格的高度大小(使用数字) <td colspan=参数>…</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>…</td>指定储存格合并列的列数(使用数字) <!>分割窗口 <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <frameset cols="20%,*">分割左右两个框架 <frameset cols="20%,*,20%">分割左中右三个框架 <分割上下两个框架 <frameset rows="20%,*,20%">分割上中下三个框架 <! – – … – -> 批注 <A HREF TARGET> 指定超级链接的分割窗口 <A HREF=#锚的名称> 指定锚名称的超级链接 <A HREF> 指定超级链接 <A NAME=锚的名称> 被连结点的名称 <ADDRESS>….</ADDRESS> 用来显示电子邮箱地址 <B> 粗体字 <BASE TARGET> 指定超级链接的分割窗口 <BASEFONT SIZE> 更改预设字形大小 <BGSOUND SRC> 加入背景音乐 <BIG> 显示大字体 <BLINK> 闪烁的文字 <BODY TEXT LINK VLINK> 设定文字颜色 <BODY> 显示本文 <BR> 换行 <CAPTION ALIGN> 设定表格标题位置 <CAPTION>…</CAPTION> 为表格加上标题 <CENTER> 向中对齐 <CITE>…<CITE> 用于引经据典的文字 <CODE>…</CODE> 用于列出一段程序代码 <COMMENT>…</COMMENT> 加上批注 <DD> 设定定义列表的项目解说 <DFN>…</DFN> 显示"定义"文字 <DIR>…</DIR> 列表文字卷标 <DL>…</DL> 设定定义列表的卷标 <DT> 设定定义列表的项目 <EM> 强调之用 <FONT FACE> 任意指定所用的字形 <FONT SIZE> 设定字体大小 <FORM ACTION> 设定户动式窗体的处理方式 <FORM METHOD> 设定户动式窗体之资料传送方式 <FRAME MARGINHEIGHT> 设定窗口的上下边界 <FRAME MARGINWIDTH> 设定窗口的左右边界 <FRAME NAME> 为分割窗口命名 <FRAME NORESIZE> 锁住分割窗口的大小 <FRAME SCROLLING> 设定分割窗口的滚动条 <FRAME SRC> 将HTML文件加入窗口 <FRAMESET COLS> 将窗口分割成左右的子窗口 <FRAMESET ROWS> 将窗口分割成上下的子窗口 <FRAMESET>…</FRAMESET> 划分分割窗口 <H1>~<H6> 设定文字大小 <HEAD> 标示文件信息 <HR> 加上分网格线 <HTML> 文件的开始与结束 <I> 斜体字 <IMG ALIGN> 调整图形影像的位置 <IMG ALT> 为你的图形影像加注 <IMG DYNSRC LOOP> 加入影片 <IMG HEIGHT WIDTH> 插入图片并预设图形大小 <IMG HSPACE> 插入图片并预设图形的左右边界 <IMG LOWSRC> 预载图片功能 <IMG SRC BORDER> 设定图片边界 <IMG SRC> 插入图片 <IMG VSPACE> 插入图片并预设图形的上下边界 <INPUT TYPE NAME value> 在窗体中加入输入字段 <ISINDEX> 定义查询用窗体 <KBD>…</KBD> 表示使用者输入文字 <LI TYPE>…</LI> 列表的项目 ( 可指定符号 ) <MARQUEE> 跑马灯效果 <MENU>…</MENU> 条列文字卷标 <META NAME="REFRESH" CONTENT URL> 自动更新文件内容 <MULTIPLE> 可同时选择多项的列表栏 <NOFRAME> 定义不出现分割窗口的文字 <OL>…</OL> 有序号的列表 <OPTION> 定义窗体中列表栏的项目 <P ALIGN> 设定对齐方向 <P> 分段 <PERSON>…</PERSON> 显示人名 <PRE> 使用原有排列 <SAMP>…</SAMP> 用于引用字 <SELECT>…</SELECT> 在窗体中定义列表栏 <SMALL> 显示小字体 <STRIKE> 文字加横线 用于加强语气 <SUB> 下标字 <SUP> 上标字 <TABLE BORDER=n> 调整表格的宽线高度 <TABLE CELLPADDING> 调整数据域位之边界 <TABLE CELLSPACING> 调整表格线的宽度 <TABLE HEIGHT> 调整表格的高度 <TABLE WIDTH> 调整表格的宽度 <TABLE>…</TABLE> 产生表格的卷标 <TD ALIGN> 调整表格字段之左右对齐 <TD BGCOLOR> 设定表格字段之背景颜色 <TD COLSPAN ROWSPAN> 表格字段的合并 <TD NOWRAP> 设定表格字段不换行 <TD VALIGN> 调整表格字段之上下对齐 <TD WIDTH> 调整表格字段宽度 <TD>…</TD> 定义表格的数据域位 <TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏 <TEXTAREA WRAP> 决定文字输入栏是自动否换行 <TH>…</TH> 定义表格的标头字段 <TITLE> 文件标题 <TR>…</TR> 定义表格美一行 <TT> 打字机字体 <U> 文字加底线 <UL TYPE>…</UL> 无序号的列表 ( 可指定符号 ) <VAR>…</VAR> 用于显示变量插入背景图片<body background="../…grf">…</body> 背景颜色<font bgcolor=""></font>▲滚动背景图案:<BODY BACKGROUND="[url= http://img.xiaonei.com/photos/43/864/orig59095.jpg][color=#0000ff] http://img.xiaonei.com/photos/43/864/orig59095.jpg[/color][/url]">▲固定背景图案:<body background="[url= http://img.xiaonei.com/photos/27/474/orig74269.gif][color=#0000ff] http://img.xiaonei.com/photos/27/474/orig74269.gif[/color][/url]"bgproperties="fixed"></body>如果是什么颜色的背景(不是用图片) ▲背景和字的颜色:<body bgcolor="#000000" text="#ff9933"> 特别说明的是:bgcolor=后面的内容是背景颜色的代码,text=后面的内容是个人资料留言等文本的字的颜色
G. html文本域的代码
<html><head></head><script type="text/javascript" src="js/jquery-1.5.min.js" ></script><body> <div><input type="text" id="name1"/><input type="text" id="name2"/></div> <div><input type="radio" name="radio" id="radio_1" onclick='$("#name1").val("code1");$("#name2").val("code3");'/> <input type="radio" name="radio" id="radio_2" onclick='$("#name1").val("code2");$("#name2").val("code3");'/> </div></body></html>一样的逻辑,你只要引一个jquery的包就行
H. html网页源代码是什么 如何查看网页源代码经验篇
第一种:打开一个网页后点击鼠标的 右键就会有"查看源文件",操作 鼠标右键—>查看源文件 即可弹出一个记事本,而记事本内容就是此网页的html代码。第二种:通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”,点击查看源代码即可查看此网页的源代码源文件。
I. 急求!!!网页设计 HTML代码大全
HTML标记_HTML大全_HTML标记大全_超文本标记语言网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来写成。您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成,用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。元素又由标记(tag)的构成,大多数标记是成对出现的,分起始标记< >(start tag)和结尾标记</ >(end tag),以便和页面的内容区分开来。其写成的文件是标准的ASCII文件,不同于一般的编程语言,故称为脚本(Script)更准确一点。其实也很简单,特别是在专门的HTML编辑器的帮助下,您可以迅速地学会HTML,并能很快写出有自己特色的Homepage来。 需要说明的是:各种浏览器对html元素及其属性的解释不完全一样,如NC与IE是有区别的。标 签 内 容备 注基 本 标 签所有HTML文件都有的<html>……</html>表示文件类型为HTML文档<head>……</head>设置文档描述及其他不在WEB网页上显示的信息<body>……</body>HTML文档的主体(页面的实际内容)标 题 标 签<title>……</title>在标题栏中显示的题目(放在<head></head>内)扩 展 属 性 标 签<base>基址标签,为解决相对编址作参考值<META>将HTTP命令发给CONTENT=number;url允许,描述不包含在标准HTML里的文档信息。使用详解<link>提供将现行文档与其它文档或实体关联起来的信息<ISINDEX>指明在服务器上提供文档的可以检索的索引<style>……</style>允许包含样式表(CSS)信息页 面 属 性 标 签<body>……</body>标签的扩展属性。使用详解<body bgcolor=#……>设置背景颜色,用名字或十六进制值<body text=#……>设置文本文字颜色,用名字或十六进制值<body link=#……>设置链接颜色,用名字或十六进制值<body vlink=#……>设置已使用的链接的颜色,用名字或十六进制值<body alink=#……>设置正在被击中链接的颜色,用名字或十六进制值文 本 标 签<pre>……</pre>创建预格式化文本<h1>……</h1>创建最大的标题<h6>……</h6>创建最小的标题<b>……</b>创建黑体字<i>……</i>创建斜体字<tt>……</tt>创建打字机风格的字体<cite>……</cite>创建一个引用,通常是斜体<em>……</em>加重(通常是斜体加黑体)<strong>……</strong>强调(通常是斜体加黑体)<font size=value></font>设置字体大小,从1到7<font color=……></font>设置字体的颜色,使用名字或十六进制值链 接<a href="/URL"></a>创建一个超链接<a href="mailto:EMAIL"> </a>创建一个自动发送电子邮件的链接<a name="NAME"></a>创建一个位于文档内部的靶位<a href="#NAME"></a>创建一个指向位于文档内部靶位的链接格 式 排 版<p>创建一个新的段落<p align=……>将段落按左、中、右对齐<br>插入一个回车换行符<blockquote>……</blockquote> 从两边缩进文本<dl>……</dl>创建一个定义列表<dt>放在每个定义术语词之前<dd>放在每个定义之前<ol>……</ol>创建一个标有数字的列表<li>放在每个数字列表项之前,并加上一个数字<ul>……</ul>创建一个标有圆点的列表<li>放在每个圆点列表项之前,并加上一个圆点<div align=……>一个用来排版大块HTML段落的标签,也用于格式化表图 形 元 素<img src="/name">添加一个图像<img src="/name" align=value>排列对齐一个图像:左中右或上中下<img src="/name" border=value>设置围绕一个图像的边框的大小<hr>加入一条水平线<hr size=value>设置水平线的大小(高度)<hr width=value>设置水平线的宽度(百分比或绝对像素点)<hr noshade>创建一个没有阴影的水平线表 格<table>……</table>创建一个表格<tr>……</tr>开始表格中的每一行<td>……</td>开始一行中的每一个格子<th>……</th>设置表格头:一个通常使用黑体居中文字的格子表 格 属 性<table border=value>设置围绕表格的边框的宽度<table cellspacing=value>设置表格格子之间空间的大小<table cellpadding=value>设置表格格子边框与其内部内容之间空间的大小<table width=value 或 %>设置表格的宽度-用绝对像素值或文档总宽度的百分比<tr align=……>设置表格格子的水平对齐(左中右)<tr valign=……>设置表格格子的垂直对齐(上中下)<td colspan=value>设置一个表格格子应跨占的列数(缺省为1)<td rowspan=value>设置一个表格格子应跨占的行数(缺省为1)<td nowrap>禁止表格格子内的内容自动断行回卷窗 框<frameset>……</frameset>放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中<frameset rows="value,value">定义一个窗框内的行数,可以使用绝对像素值或高度的百分比<frameset cols="value,value">定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比<frame>定义一个窗框内的单一窗或窗区域<noframes>……</noframes>定义在不支持窗框的浏览器中显示什么提示窗 框 属 性<frame src="/URL">规定窗框内显示什么HTML文档<frame name="name">命名窗框或区域以便别的窗框可以指向它<frame marginwidth=value>定义窗框左右边缘的空白大小,必须大于等于1<frame marginheight=value>定义窗框上下边缘的空白大小,必须大于等于1<frame scrolling=value>设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"<frame noresize>禁止用户调整一个窗框的大小表 单对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。<form>……</form>创建所有表单<select multiple name="NAME" size=value>………</select>创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目<option>设置每个表单项的内容<select name="NAME">……</select>创建一个下拉菜单<textarea name="NAME" cols=value rows=value>……</textarea>创建一个文本框区域,列的数目设置宽度,行的数目设置高度<input type="checkbox" name="NAME">创建一个复选框,文字在标签后面<input type="radio" name="NAME" value="x">创建一个单选框,文字在标签后面<input type=text name="……" size=value>创建一个单行文本输入区域,size设置以字符计的宽度<input type="submit" value="NAME">创建一个submit(提交)按钮<input type="image" border=0 name="NAME" src="/name.gif">创建一个使用图象的submit(提交)按钮<input type="reset">创建一个reset(重置)按钮附 加 属 性<PRE>……</PRE>预置格式风格标签用来显示字体宽度固定的文本块,主要用来在表格格式中显示文本<TT>……</TT>打字机风格用来显示打字机字体宽度固定的文本<SAMP>……</SAMP>示例风格以单倍距显示文本<ADDRESS>……</ADDRESS>地址风格一般用于文档的开始或结尾处,并以斜体格式显示文本。 <DL>……</DL>定义列表风格用来显示术语及其定义颜色#=rrggbb 16 进制 RGB 数值,或者是下列预定义色彩:Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]META标签描述不包含在标准HTML里的文档信息。<META NAME="keywords" CONTENT="yourkeyword"><META NAME="description" CONTENT="your homepage's description">本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字搜索到您的主页,了解你的主页内容。<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">浏览器将在30秒后,自动转到new.htm。您可用它制作一个封面,在若干时间后,自动带读者来到您的目录页。如果URL项没有,浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。<meta http-equiv="Content-Type" content="text/html; charset=gb2312">描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。GB2312是指简体中文,而台湾BIG5内码的主页则是用BIG5。<META HTTP-EQUIV="Pragma" CONTENT="no-cache">强制性调用网上的最新版本。浏览器为节约时间,在本地硬盘上保存一个临时文件。在重新调用时,便直接显示那个临时文件。如果您想让读者每次都看到最新的版本,可加上句。[返回本页首部]LINK显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:<LINK REL="stylesheet" href="/style.css">REL参数说明两个文档之间的关系,HREF说明目标文档名。关于层叠样式表,将在后面的课程中详述。[返回本页首部]BASE本文档的原始地址。语法:<BASE HREF="原始地址">当读者下载您的文档后,由此可以知道是从哪里下载的。[返回本页首部]BODYBODY标记有一些属性,用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK—— 文字的颜色。ALINK:当前激活的连接的文字颜色。LINK:连接的文字颜色。TEXT:文字的颜色。VLINK:参观过的文字颜色。注意:文字的颜色要和背景色有明显的差别,以便读者浏览。BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。BACKGROUND:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。BGPROPERTIES:设置成FIXED,则背景图案不滚动。(只对INTERNET EXPLORER有效)BGCOLOR:背景色。注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。LEFTMARGIN、TOPMARGIN——页边空白。(只对INTERNET EXPLORER有效)LEFTMARGIN:左边页边空白。TOPMARGIN:顶端页边空白。
J. 什么是HTML代码
Html的全称是Hyper Text Mark-up Language。Html语言也被称为超文本标识语言。Html文件是标准的ASCII文件,看起来是像加入了许多被称为链接标签(tag)的特殊字 符串的普通文本文件。 Html标记写法如下: 任何标记皆由“<”及“>”括住,如:<p>,<a>。 标记名与小于号(“<”)之间不能留有空格,如:< P>(错误的), <P>(正确的)。 有些标记需要加上属性和参数,有些不需要属性和参数,如:<div align="center">Hello</div>,Hello<br> 标记都是由起始标记(如<p>)开始,由终结标记(如</p>)结束的。 参数只可加于起始标记中。 标记字母大小写皆可。 Html网页文件可由任何文件编辑器或网页专用编辑器编辑,完成后以.htm或.html为文件后缀保存。 Html网页文件由浏览器打开显示,一个网站的首页名称通常定为index.htm或index.html。这样约定 的好处是:只要浏览网站,浏览器便会自动地找出index.thm或index.thml文件,并显示 出来。