找回密码
 注册
搜索
热搜: 回贴

HTML彻底剖析(2)标记一览

2009-12-16 01:47| 发布者: admin| 查看: 26| 评论: 0|原作者: 江海

标记类型名称或意义作用备注
文件标记
●文件宣告让浏览器知道这是 HTML 文件
●开头提供文件整体信息
●标题定义文件标题,将显示于浏览器顶端 <br><BODY>●主体设计文件格式及内容所在 <br>排版标记<br><!--注解-->○说明标记为文件加上说明,但不被显示 <br><P>○段落标记为字、图、表格等之间留下一空白行 <br><BR>○换行标记令字、图、表格显示于下一行 <br><HR>○水平线插入一水平线 <br><CENTER>●居中令字、图、表格等显示于中间反对<br><PRE>●预设格式令文件按原代码的排列方式显示 <br><DIV>●定位标记设定字、图、表格等的摆放位置 <br><NOBR>●不换行令文字不因太长而换行 <br><WBR>●建议换行预设换行部位 <br>字体标记<br><STRONG>●加重语气产生字体加粗 Bold 的效果 <br><B>●粗体标记产生字体加粗的效果 <br><EM>●强调标记字体出现斜体效果 <br><I>●斜体标记字体出现斜体效果 <br><TT>●等宽字体Courier字体,字母宽度相同 <br><U>●加下划线加下划线反对<br><H1>●一级标题标记将字体变大,级数越高越小 <br><H2>●二级标题标记 将字体变大 <br><H3>●三级标题标记 将字体变大 <br><H4>●四级标题标记 将字体变大 <br><H5>●五级标题标记 将字体变大 <br><H6>●六级标题标记 将字体变大 <br><FONT>●字体标记设定字体、大小、颜色反对<br><BASEFONT>○基准字体标记设定所有字体、大小、颜色反对<br><BIG>●字体加大令字体稍微变大 <br><SMALL>●字体缩小令字体稍微缩小 <br><STRIKE>●加删除线为文字加删除线反对<br><CODE>●程式码字体稍微加宽如<TT> <br><KBD>●键盘字字体稍微加宽,单一空白 <br><SAMP>●范例字體稍為加寬如<TT> <br><VAR>●变量斜体效果 <br><CITE>●斜体标记斜体效果 <br><BLOCKQUOTE>●向右缩排文字向右缩排 <br><DFN>●述语定义斜体效果 <br><ADDRESS>●地址标记斜体效果 <br><SUB>●下标字文字下标 <br><SUP>●上标字 文字上标 <br>清单标记<br><OL>●顺序清单清单项目将以数字、字母顺序排列 <br><UL>●无序清单清单项目将以实心圆点作为符号排列 <br><LI>○清单项目清单中的项目,一个标记一行 <br><MENU>●选项清单可用type参数指定项目符号。反對<br><DIR>●目录清单与<menu>相同反對<br><DL>●定义清单清单分两层出现 <br><DT>○定义条目清单项标题 <br><DD>○定义内容清单项内容 <br>表格标记<br><TABLE>●表格标记设定该表格的各项参数 <br><CAPTION>●表格标题做成一打通列以填入表格标题 <br><TR>●表格列设定该表格的列 <br><TD>●表格栏设定该表格的栏 <br><TH>●表格标头相等于<TD>,但其内文字字体会变粗 <br>表单标记<br><FORM>●表单标记决定该表单的运作模式 <br><TEXTAREA>●文字框提供文字输入栏 <br><INPUT>○输入标记决定输入形式 <br><SELECT>●选择标记建立弹出卷动清单 <br><OPTION>○选项每一个清单选项 <br>图形标记<br><IMG>○图形标记用来插入图形及设定图形属性 <br>链接标记<br><A>●链接标记加入链接 <br><BASE>○基准标记可将相对 URL 转绝对及指定链接 <br>框架标记<br><FRAMESET>●框架设定设定框架 <br><FRAME>○窗口设定设定框架中的窗口 <br><IFRAME>○页内框架于网页中插入框架IE<br><NOFRAMES>●不支持框架设定浏览器不支持框架时的提示 <br>影像地图<br><MAP>●影像地图名称设定影像地图名称 <br><AREA>○链接区域设定各链接区域 <br>多媒体<br><BGSOUND>○背景声音令背景播放音乐或声音IE<br><EMBED>○多媒体加入声音、音乐或影像 <br>其他标记<br><MARQUEE>●走马灯令文字走动IE<br><BLINK>●闪烁文字令文字闪烁NC<br><ISINDEX>○页内寻找器可输入关键字寻找该页反对<br><META>○开头说明提供关于此页的信息给浏览器 <br><LINK>○关系定义定义该文件与其他 URL 的关系 <br>StyleSheet<br><STYLE>●式样表控制网页版面 <br><span>●自订标记独立使用或与样式表一起用 <br><br>注: <br>  ·● 表示该标记属于围堵标记,即需要结束标记 </标记>。 <br>  ·○ 表示该标记属空标记,即不需要结束标记。 <br>  ·IE 表示该标记只适应于 Internet Explorer。 <br>  ·NC 表示该标记只适用于 Netscape Communicator。 <br>  ·反对 表示该标记不为 W3C 所赞同,通常这标记是微软或网景自订,且已被大家支持,只是 HTML 标准中有其它功能相同或更好的选择。 <br>  ·弃用 表示该标记已被 W3C 所抛弃,是过时的标记,但 HTML 有向下兼容性,所以浏览器仍然支持。 <br>  ·新 表示该标记是 HTML 4.0 中新增的。<br></td></tr></table> <!--[diy=diycontentbottom]--><div id="diycontentbottom" class="area"></div><!--[/diy]--> <script src="data/cache/home.js?R1y" type="text/javascript"></script> <div id="click_div"><table cellpadding="0" cellspacing="0" class="atd"> <tr></tr> </table> <script type="text/javascript"> function errorhandle_clickhandle(message, values) { if(values['id']) { showCreditPrompt(); show_click(values['idtype'], values['id'], values['clickid']); } } </script> </div> <!--[diy=diycontentclickbottom]--><div id="diycontentclickbottom" class="area"></div><!--[/diy]--> </div> <div class="o cl ptm pbm"> <a href="https://bbs.weiying.cn/home.php?mod=spacecp&ac=favorite&type=article&id=19953&handlekey=favoritearticlehk_19953" id="a_favorite" onclick="showWindow(this.id, this.href, 'get', 0);" class="oshr ofav">收藏</a> <a href="https://bbs.weiying.cn/home.php?mod=spacecp&ac=share&type=article&id=19953&handlekey=sharearticlehk_19953" id="a_share" onclick="showWindow(this.id, this.href, 'get', 0);" class="oshr">分享</a> <a href="misc.php?mod=invite&action=article&id=19953" id="a_invite" onclick="showWindow('invite', this.href, 'get', 0);" class="oshr oivt">邀请</a> </div> </div> <!--[diy=diycontentrelatetop]--><div id="diycontentrelatetop" class="area"></div><!--[/diy]--> <!--[diy=diycontentrelate]--><div id="diycontentrelate" class="area"></div><!--[/diy]--> <div id="comment" class="bm"> <div class="bm_h cl"> <h3>最新评论</h3> </div> <div id="comment_ul" class="bm_c"><form id="cform" name="cform" action="portal.php?mod=portalcp&ac=comment" method="post" autocomplete="off"> <div class="tedt"> <div class="area"> <textarea name="message" rows="3" class="pt" id="message" onkeydown="ctrlEnter(event, 'commentsubmit_btn');"></textarea> </div> </div> <input type="hidden" name="portal_referer" value="portal.php?mod=view&aid=19953#comment"> <input type="hidden" name="referer" value="portal.php?mod=view&aid=19953#comment" /> <input type="hidden" name="id" value="0" /> <input type="hidden" name="idtype" value="" /> <input type="hidden" name="aid" value="19953"> <input type="hidden" name="formhash" value="ba9555cc"> <input type="hidden" name="replysubmit" value="true"> <input type="hidden" name="commentsubmit" value="true" /> <p class="ptn"><button type="submit" name="commentsubmit_btn" id="commentsubmit_btn" value="true" class="pn"><strong>评论</strong></button></p> </form> </div> </div> <!--[diy=diycontentcomment]--><div id="diycontentcomment" class="area"></div><!--[/diy]--> </div> <div class="sd pph"> <div class="drag"> <!--[diy=diyrighttop]--><div id="diyrighttop" class="area"></div><!--[/diy]--> </div> <div class="bm"> <div class="bm_h cl"> <h2>相关分类</h2> </div> <div class="bm_c"> <ul class="xl xl2 cl"><li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=21">设计资讯</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=22">平面设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=23">标志设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=24">空间设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=25">工业设计</a></li> <li><a href="https://bbs.weiying.cn/portal.php?mod=list&catid=26">网页设计</a></li> </ul> </div> </div> <div class="drag"> <!--[diy=diy2]--><div id="diy2" class="area"></div><!--[/diy]--> </div> </div> </div> <div class="wp mtn"> <!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]--> </div> <input type="hidden" id="portalview" value="1"> </div> <div id="ft" class="wp cl"> <div id="flk" class="y"> <p> <a href="//wpa.qq.com/msgrd?v=3&uin=8828254&site=微赢网络技术论坛&menu=yes&from=discuz" target="_blank" title="QQ"><img src="static/image/common/site_qq.jpg" alt="QQ" /></a><span class="pipe">|</span><a href="https://bbs.weiying.cn/forum.php?mod=misc&action=showdarkroom" >小黑屋</a><span class="pipe">|</span><a href="topic-sitemap.html" target="_blank" >最新主题</a><span class="pipe">|</span><a href="https://bbs.weiying.cn/forum.php?showmobile=yes" >手机版</a><span class="pipe">|</span><strong><a href="http://bbs.weiying.cn" target="_blank">微赢网络技术论坛</a></strong> ( <a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备08020429号</a> )<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a66c064273122db3a05de72f6cd924eb"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> <p class="xs0"> GMT+8, 2024-9-30 09:25<span id="debuginfo"> , Processed in 0.179125 second(s), 12 queries , Gzip On, MemCache On. </span> </p> </div> <div id="frt"> <p>Powered by <strong><a href="https://www.discuz.vip/" target="_blank">Discuz!</a></strong> <em>X3.5</em></p> <p class="xs0">© 2001-2023 <a href="https://code.dismall.com/" target="_blank">Discuz! Team</a>.</p> </div></div> <script src="home.php?mod=misc&ac=sendmail&rand=1727659511" type="text/javascript"></script> <div id="scrolltop"> <span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa" ><b>返回顶部</b></a></span> </div> <script type="text/javascript">_attachEvent(window, 'scroll', function () { showTopLink(); });checkBlind();</script> </body> </html>