网页代码
所谓的网页代码，就是指在网页制作过程中需要用到的一些特殊的“语言”，设计人员通过对这些“语言”进行组织编排制作出网页，然后由浏览器对代码进行“翻译”后才是我们最终看到的效果。
制作网页时常用的代码有HTML，JavaScript，ASP，PHP，CGI等，其中超文本标记语言（标准通用标记语言下的一个应用、外语简称：HTML）是最基础的网页代码。
网页代码标记语言
下面主要讲述的就是HTML代码的一些简单使用：
网页代码跑马灯效果
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定卷动距离
...设定卷动时间
注：在HTML5中 废弃了只有部分浏览器支持的marquee标签其它还包括applet、bgsound、blink、等标签。
网页代码字体效果
...
标题字(最大 )
...
标题字(最小)
...粗体字
...粗体字(强调)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号)</p><p class="txt"><listing>...</listing> 固定宽度小字体</p><p class="txt"><font color=00ff00>...</font>字体颜色</p><p class="txt"><font size=1>...</font>最小字体</p><p class="txt"><font style ='font-size:100 px'>...</font>无限增大</p><p class="txt"><FONT FACE> 任意指定所用的字形</p><p class="txt"><BASEFONT SIZE> 更改预设字形大小</p><p class="txt"><BIG> 显示大字体</p><p class="txt"><BLINK> 闪烁的文字</p><p class="txt"><BR> 换行</p><p class="h3">网页代码区断标记</p><p class="txt"><hr>水平线</p><p class="txt"><hr size='9'>水平线(设定大小)</p><p class="txt"><hr width='80%'>水平线(设定宽度)</p><p class="txt"><hr color='ff0000'>水平线(设定颜色)</p><p class="txt"><br>(换行)</p><p class="txt"><nobr>...</nobr>水域(不换行)</p><p class="txt"><p>...</p>水域(段落)</p><p class="txt"><center>...</center>置中</p><p class="h3">网页代码连结格式</p><p class="txt"><base href=地址>(预设好连结路径)</p><p class="txt"><a href=地址></a>外部连结</p><p class="txt"><a href=地址 target='_blank'></a>外部连结(另开新窗口)</p><p class="txt"><a href=地址 target='_top'></a>外部连结(全窗口连结)</p><p class="txt"><a href=地址 target='页框名'></a>外部连结(在指定页框连结)</p><p class="txt"><A HREF TARGET> 指定超级链接的分割窗口</p><p class="txt"><A HREF=#锚的名称> 指定锚名称的超级链接</p><p class="txt"><A HREF> 指定超级链接</p><p class="txt"><A NAME=锚的名称> 被连结点的名称</p><p class="txt"><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址</p><p class="h3">网页代码贴图与音乐</p><p class="txt"><img src=图片地址>贴图</p><p class="txt"><img src=图片地址 width='180'>设定图片宽度</p><p class="txt"><img src=图片地址 height='30'>设定图片高度</p><p class="txt"><img src=图片地址 alt='提示文字'>设定图片提示文字</p><p class="txt"><img src=图片地址' border='1'>设定图片边框</p><p class="txt"><bgsound src=MID音乐文件地址>背景音乐设定</p><p class="h3">网页代码表格语法</p><p class="txt"><table align=left>...</table>表格位置,置左</p><p class="txt"><table align=center>...</table>表格位置,置中</p><p class="txt"><table background=图片路径>...</table>背景图片的URL=就是路径网址</p><p class="txt"><table border=边框大小>...</table>设定表格边框大小(使用数字)</p><p class="txt"><table bgcolor=颜色码>...</table>设定表格的背景颜色</p><p class="txt"><table borderclor=颜色码>...</table>设定表格边框的颜色</p><p class="txt"><table borderclordark=颜色码>...</table>设定表格暗边框的颜色</p><p class="txt"><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色</p><p class="txt"><table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)</p><p class="txt"><table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)</p><p class="txt"><table cols=参数>...</table>指定表格的栏数</p><p class="txt"><table frame=参数>...</table>设定表格外框线的显示方式</p><p class="txt"><table width=宽度>...</table>指定表格的宽度大小(使用数字)</p><p class="txt"><table height=高度>...</table>指定表格的高度大小(使用数字)</p><p class="txt"><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)</p><p class="txt"><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)</p><p class="txt"><CAPTION>...</CAPTION> 为表格加上标题</p><p class="txt"><TABLE BORDER=n> 调整表格的宽线高度</p><p class="txt"><TABLE CELLPADDING> 调整数据域位之边界</p><p class="txt"><TABLE CELLSPACING> 调整表格线的宽度</p><p class="txt"><TABLE HEIGHT> 调整表格的高度</p><p class="txt"><TABLE WIDTH> 调整表格的宽度</p><p class="txt"><TABLE>...</TABLE> 产生表格的卷标</p><p class="txt"><TD ALIGN> 调整表格字段之左右对齐</p><p class="txt"><TD BGCOLOR> 设定表格字段之背景颜色</p><p class="txt"><TD COLSPAN ROWSPAN> 表格字段的合并</p><p class="txt"><TD NOWRAP> 设定表格字段不换行</p><p class="txt"><TD VALIGN> 调整表格字段之上下对齐</p><p class="txt"><TD WIDTH> 调整表格字段宽度</p><p class="txt"><TD>...</TD> 定义表格的数据域位</p><p class="h3">网页代码分割窗口</p><p class="txt"><frameset cols=\"20%,*\">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整</p><p class="txt"><frameset rows=\"20%,*\">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整</p><p class="txt"><frameset cols=\"20%,*\">分割左右两个框架</p><p class="txt"><frameset cols=\"20%,*,20%\">分割左中右三个框架</p><p class="txt"><frameset rows=\"20%,*,20%\">分割上中下三个框架</p><p class="txt"><FRAME MARGINHEIGHT> 设定窗口的上下边界</p><p class="txt"><FRAME MARGINWIDTH> 设定窗口的左右边界</p><p class="txt"><FRAME NAME> 为分割窗口命名</p><p class="txt"><FRAME NORESIZE> 锁住分割窗口的大小</p><p class="txt"><FRAME SCROLLING> 设定分割窗口的滚动条</p><p class="txt"><FRAME SRC> 将HTML文件加入窗口</p><p class="txt"><FRAMESET COLS> 将窗口分割成左右的子窗口</p><p class="txt"><FRAMESET ROWS> 将窗口分割成上下的子窗口</p><p class="txt"><FRAMESET>...</FRAMESET> 划分分割窗口</p><p class="txt"><CAPTION ALIGN> 设定表格标题位置</p><p class="txt"><CENTER> 向中对齐</p><p class="txt"><CITE>...<CITE> 用于引经据典的文字</p><p class="txt"><CODE>...</CODE> 用于列出一段程序代码</p><p class="txt"><COMMENT>...</COMMENT> 加上批注</p><p class="txt"><DD> 设定定义列表的项目解说</p><p class="txt"><DFN>...</DFN> 显示\"定义\"文字</p><p class="txt"><DIR>...</DIR> 列表文字卷标</p><p class="txt"><DL>...</DL> 设定定义列表的卷标</p><p class="txt"><DT> 设定定义列表的项目</p><p class="txt"><EM> 强调之用</p><p class="h3">网页代码结构性定义</p><p class="txt">文件类型<HTML></HTML> （放在档案的开头与结尾）</p><p class="txt">文件主题<TITLE></TITLE> （必须放在「文头」区块内）</p><p class="txt">文头<HEAD></HEAD> （描述性资料，像是「主题」）</p><p class="txt">文体<BODY></BODY> （文件本体）</p><p class="txt">（由浏览器控制的显示风格）</p><p class="txt">标题<H?></H?> （从1到6，有六层选择）</p><p class="txt">标题的对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?></p><p class="txt">区分<DIV></DIV></p><p class="txt">区分的对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV></p><p class="txt">引文区块<BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）</p><p class="txt">强调<EM></EM> （通常会以斜体显示）</p><p class="txt">特别强调<STRONG></STRONG> （通常会以加粗显示）</p><p class="txt">引文<CITE></CITE> （通常会以斜体显示）</p><p class="txt">码<CODE></CODE> （显示原始码之用）</p><p class="txt">样本<SAMP></SAMP></p><p class="txt">键盘输入<KBD></KBD></p><p class="txt">变数<VAR></VAR></p><p class="txt">定义<DFN></DFN> （有些浏览器不提供）</p><p class="txt">地址<ADDRESS></ADDRESS></p><p class="txt">大字<BIG></BIG></p><p class="txt">小字<SMALL></SMALL></p><p class="txt">与外观相关的标签（作者自订的表现方式）</p><p class="txt">加粗<B></B></p><p class="txt">斜体<I></I></p><p class="txt">底线<U></U> （尚有些浏览器不提供）</p><p class="txt">删除线<S></S> （尚有些浏览器不提供）</p><p class="txt">下标<SUB></SUB></p><p class="txt">上标<SUP></SUP></p><p class="txt">打字机体<TT></TT> （用单空格字型显示）</p><p class="txt">预定格式<PRE></PRE> （保留文件中空格的大小）</p><p class="txt">预定格式的宽度<PRE WIDTH=?></PRE>（以字元计算）</p><p class="txt">向中看齐<CENTER></CENTER> （文字与图片都可以）</p><p class="txt">闪耀<BLINK></BLINK> （有史以来最被嘲弄的标签）</p><p class="txt">字体大小<FONT SIZE=?></FONT>（从1到7）</p><p class="txt">改变字体大小<FONT SIZE=+|-?></FONT></p><p class="txt">基本字体大小<BASEFONT SIZE=?> （从1到7; 内定为3）</p><p class="txt">字体颜色<FONT COLOR='#$$$$$$'></FONT></p><p class="h3">网页代码连结与图形</p><p class="txt">连结<A href='/URL'></A></p><p class="txt">连结到锚点<A HREF='URL#***'></A>（如果锚点在另一个档案）</p><p class="txt"><A HREF='#***'></A> （如果锚点现有档案）</p><p class="txt">连结到目的视框<A href='/URL' TARGET='***'></A></p><p class="txt">设定锚点<A NAME='***'></A></p><p class="txt">图形<IMG src='/URL'></p><p class="txt">图形看齐方式<IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE></p><p class="txt">图形看齐方式<IMG src='/URL'</p><p class="txt">ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM></p><p class="txt">取代文字<IMG src='/URL' ALT='***'> （如果没有办法显示图形则显示此文字）</p><p class="txt">点选图<IMG src='/URL' ISMAP> （需要CGI程式）</p><p class="txt">N2.0 点选图<IMG src='/URL' USEMAP='URL'></p><p class="txt">N2.0 地图<MAP NAME='***'></MAP>（描述地图）</p><p class="txt">N2.0 段落<AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF></p><p class="txt">3.0 大小<IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels为单位）N1.0 图形边缘<IMG src='/URL' BORDER=?> （以pixels为单位）</p><p class="txt">N1.0 图形边缘空间<IMG src='/URL' HSPACE=? VSPACE=?> （以pixels为单位）</p><p class="txt">N1.0 低解析度图形<IMG src='/URL' LOWsrc='/URL'></p><p class="txt">N1.1 用户端拉<META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自动更新）</p><p class="txt">N2.0 内嵌物件<EMBED src='/URL'> （将物件插入页面）</p><p class="txt">N2.0 内嵌物件大小<EMBED src='/URL' WIDTH='?' HEIGHT='?'></p><p class="h3">网页代码分隔</p><p class="txt">段落<P> （通常是两个return）</p><p class="txt">3.0 段落<P></P> （新定义成容器型标签）</p><p class="txt">3.0 文字看齐方式<P ALIGN=LEFT|CENTER|RIGHT></P></p><p class="txt">换行<BR> （一个return）</p><p class="txt">N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）</p><p class="txt">横线<HR></p><p class="txt">N1.0 横线对齐<HR ALIGN=LEFT|RIGHT|CENTER></p><p class="txt">N1.0 横线厚度<HR SIZE=?> （以pixels为单位）</p><p class="txt">N1.0 横线宽度<HR WIDTH=?> （以pixels为单位）</p><p class="txt">N1.0 横线比率宽度<HR WIDTH=%> （以页宽为100%）</p><p class="txt">N1.0 实线<HR NOSHADE> （没有立体效果）</p><p class="txt">N1.0 不可换行<NOBR></NOBR> （不换行）</p><p class="txt">N1.0 可换行处<WBR> （如果需要，可在此断行）</p><p class="txt">列举（可以巢状列举）</p><p class="txt">无次序式列举<UL><LI></UL> （<LI> 放在每一项前）</p><p class="txt">N1.0 公布式列举<UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）</p><p class="txt"><LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项）</p><p class="txt">有次序式列举<OL><LI></OL> （<LI> 放在每一项前）</p><p class="txt">N1.0 数标型态<OL TYPE=A|a|I|i|1> （定义全部的列举项）</p><p class="txt"><LI TYPE=A|a|I|i|1> （定义这个及其后的列举项）</p><p class="txt">N1.0 起始数字<OL value=?> （定义全部的列举项）</p><p class="txt"><LI value=?> （定义这个及其后的列举项）</p><p class="txt">定义式列举<DL><DT><DD></DL>（<DT>项目, <DD>定义）</p><p class="txt">表单式列举<MENU><LI></MENU>（<LI> 放在每一项前）</p><p class="txt">目录式列举<DIR><LI></DIR> （<LI> 放在每一项前）</p><p class="h3">网页代码背景与颜色</p><p class="txt">3.0 重复排列的背景<BODY background='/URL'></p><p class="txt">N1.1+ 背景颜色<BODY BGCOLOR='#$$$$$$'> （依序为红、绿、蓝）</p><p class="txt">N1.1+ 文字颜色<BODY TEXT='#$$$$$$'></p><p class="txt">N1.1+ 连结颜色<BODY LINK='#$$$$$$'></p><p class="txt">N1.1+ 看过的连结<BODY VLINK='#$$$$$$'></p><p class="txt">N1.1 使用中的连结<BODY ALINK='#$$$$$$'></p><p class="txt">特殊字元（以下标签需用小写）</p><p class="txt">特别符号&#?; （其中? 代表ISO 8859-1 的编码）</p><p class="txt">< < > > & & ' '</p><p class="txt">注册商标TM ?</p><p class="txt">N1.0+ 注册商标TM ?</p><p class="txt">著作权符号?</p><p class="txt">N1.0+ 著作权符号?</p><p class="txt">表单（通常需要与CGI程式配合）</p><p class="txt">定义表单<FORM ACTION='URL' METHOD=GET|POST></FORM></p><p class="txt">N2.0 上传档案<FORM ENCTYPE='multipart/form-data></FORM></p><p class="txt">输入栏位<INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'></p><p class="txt">栏位名称<INPUT NAME='***'></p><p class="txt">栏位内定值<INPUT value='***'></p><p class="txt">已选定<INPUT CHECKED> （适用於checkboxes与radio boxes）</p><p class="txt">栏位宽度<INPUT SIZE=?> （以字元数为单位）</p><p class="txt">最长字数<INPUT MAXLENGTH=?> （以字元数为单位）</p><p class="txt">下拉式选单<SELECT></SELECT></p><p class="txt">下拉式选单名称<SELECT NAME='***'></SELECT></p><p class="txt">选单项目数量<SELECT SIZE=?></SELECT></p><p class="txt">多选式选单<SELECT MULTIPLE> （多选）</p><p class="txt">选项<OPTION></p><p class="txt">内定选项<OPTION SELECTED></p><p class="txt">文字输入区<TEXTAREA ROWS=? COLS=?></TEXTAREA></p><p class="txt">输入区名称<TEXTAREA NAME='***'></TEXTAREA></p><p class="txt">N2.0 输入区换行方式<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA></p><p class="h3">网页代码表格</p><p class="txt">3.0 定义表格<TABLE></TABLE></p><p class="txt">3.0 表格框线<TABLE BORDER></TABLE> （有或没有）</p><p class="txt">N1.1 表格框线<TABLE BORDER=?></TABLE>（可以设定数值）</p><p class="txt">N1.1 储存格左右留白<TABLE CELLSPACING=?></p><p class="txt">N1.1 储存格上下留白<TABLE CELLPADDING=?></p><p class="txt">N1.1 表格宽度<TABLE WIDTH=?> （以pixels为单位）</p><p class="txt">N1.1 宽度比率<TABLE WIDTH=%> （页宽为100%）</p><p class="txt">3.0 表格列<TR></TR></p><p class="txt">3.0表格列内容看齐<TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM></p><p class="txt">3.0 储存格<TD></TD> （须与列并用）</p><p class="txt">3.0 储存格内容看齐<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM></p><p class="txt">3.0 不换行<TD NOWRAP></p><p class="txt">N3.0 储存格背景颜色<TD BGCOLOR=#$$$$$$></p><p class="txt">3.0 储存格横向连接<TD COLSPAN=?></p><p class="txt">3.0 储存格纵向连接<TD ROWSPAN=?></p><p class="txt">N1.1 储存格宽度<TD WIDTH=?> （以pixels为单位）</p><p class="txt">N1.1 储存格宽度比率<TD WIDTH=%> （页宽为100%）</p><p class="txt">3.0 表格标题<TH></TH> （跟<TD>一样，不过会对中并加粗）</p><p class="txt">3.0 表格标题对齐<TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM></p><p class="txt">3.0 表格标题不换行<TH NOWRAP></p><p class="txt">3.0 表格标题占几栏<TH COLSPAN=?></p><p class="txt">3.0 表格标题占几列<TH ROWSPAN=?></p><p class="txt">N1.1 表格标题宽度<TH WIDTH=?> （以pixels为单位）</p><p class="txt">N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%）</p><p class="txt">3.0 表格抬头<CAPTION></CAPTION></p><p class="txt">3.0表格抬头看齐<CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）</p><p class="txt">视框（定义与控制萤幕上的特定区域）</p><p class="txt">N2.0 视框格式总定义<FRAMESET></FRAMESET> （取代<BODY>）</p><p class="txt">N2.0 视框行长度分配<FRAMESET ROWS=,,,></FRAMESET>（pixels 或%）</p><p class="txt">N2.0 视框行长度分配<FRAMESET ROWS=*></FRAMESET> （* = 相对大小）</p><p class="txt">N2.0 视框栏宽度分配<FRAMESET COLS=,,,></FRAMESET>（pixels 或%）</p><p class="txt">N2.0 视框栏宽度分配<FRAMESET COLS=*></FRAMESET> （* =相对大小）</p><p class="txt">N2.0 定义个别视框<FRAME> （定义个别视框）</p><p class="txt">N2.0 个别视框内容<FRAME src='/URL'></p><p class="txt">N2.0 个别视框名称<FRAME NAME='***'|_blank|_self|_parent|_top></p><p class="txt">N2.0 边缘宽度<FRAME MARGINWIDTH=?> （「左」与「右」边界）</p><p class="txt">N2.0 边缘高度<FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界）</p><p class="txt">N2.0 卷动条<FRAME SCROLLING='YES|NO|AUTO'></p><p class="txt">N2.0 不可改变大小<FRAME NORESIZE></p><p class="txt">N2.0 无视框时的内容<NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）</p><p class="h2">网页代码相关资料</p><p class="txt">所谓代码优化是指对程序代码进行等价（指不改变程序的运行结果）变换。程序代码可以是中间代码(如四元式代码)，也可以是目标代码。等价的含义是使得变换后的代码运行结果与变换前代码运行结果相同。优化的含义是最终生成的目标代码短(运行时间更短、占用空间更小)，时空效率优化。原则上，优化可以再编译的各个阶段进行，但最主要的一类是对中间代码进行优化，这类优化不依赖于具体的计算机。</p><p class="txt">编译过程中可进行的优化可按阶段划分：优化可在编译的不同阶段进行，分为中间代码一级和目标代码一级的优化。可按优化涉及的程序范围划分：对同一阶段，分为局部优化,循环优化和全局优化. 进行优化所需要的基础是对代码进行数据流分析和控制流分析。如划分DAG，查找循环，分析变量的定值点和引用点等等。最常用的代码优化技术有删除多余运算，循环不变代码外提，强度削弱，变换循环控制条件，合并已知量与复写传播，以及删除无用赋值等等。</p></div>
</div>
</div>
<div class="qsh-foot-s">
<div class="foot-top">
<dt><b>联系方式：</b><br>邮箱：2518000497@qq.com<br>QQ：2518000497</dt>
<dd><b>网站声明：</b><br>本文系本网编辑转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与本网联系，我们将在第一时间删除内容。</dd>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c5347a6ca33abff8de1ee4f95e2b318e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
]]></plaintext></p></div></div>
