首頁 >web前端 >html教學 >HTML標記一覽表及用法說明_HTML/Xhtml_網頁製作

HTML標記一覽表及用法說明_HTML/Xhtml_網頁製作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 16:40:561419瀏覽

HTML標記一覽表

标记 类型 名称或意义 作用 备注
文件标记
文件宣告 让浏览器知道这是 HTML 文件  
开头 提供文件整体信息  
</td> <td>●</td> <td>标题</td> <td>定义文件标题,将显示于浏览器顶端</td> <td> </td> </tr> <tr> <td><BODY></td> <td>●</td> <td>主体</td> <td>设计文件格式及内容所在</td> <td> </td> </tr> <tr> <td colspan="5"><strong>排版标记</strong></td> </tr> <tr> <td><!--註--></td> <td>○</td> <td>說明標記</td> <td>為文件加上說明,但不被顯示</td> <td> </td> </tr> <tr> <td><p></p></td> <td>○</td> <td>段落標記</td> <td>為字、圖、表格等之間留下一空白行</td> <td> </td> </tr> <tr> <td><br></td> <td>○</td> <td>換行標記</td> <td>令字、圖表、表格顯示於下一行</td> <td> </td> </tr> <tr> <td><hr></td> <td>○</td> <td>水平線</td> <td>插入一水平線</td> <td> </td> </tr> <tr> <td><center></center></td> <td>●</td> <td>居中</td> <td>令字、圖表、表格等顯示於中間</td> <td>反對</td> </tr> <tr> <td><pre class="brush:php;toolbar:false"></pre></td> <td>●</td> <td>預設格式</td> <td>令文件以原代碼的排列方式顯示</td> <td> </td> </tr> <tr> <td><div></div></td> <td>●</td> <td>定位標記</td> <td>設定字、圖、表格等的擺放位置</td> <td> </td> </tr> <tr> <td><nobr></nobr></td> <td>●</td> <td>不換行</td> <td>令文字不因太長而換行</td> <td> </td> </tr> <tr> <td><wbr></wbr></td> <td>●</td> <td>建議換行</td> <td>預設換行部位</td> <td> </td> </tr> <tr> <td colspan="5">字型標記</td> </tr> <tr> <td><strong></strong></td> <td>●</td> <td>加重語氣</td> <td>產生字體加粗 Bold 的效果</td> <td> </td> </tr> <tr> <td><b></b></td> <td>●</td> <td>粗體標記</td> <td>產生字型加粗的效果</td> <td> </td> </tr> <tr> <td><em></em></td> <td>●</td> <td>強調標記</td> <td>字體出現斜體效果</td> <td> </td> </tr> <tr> <td><i></i></td> <td>●</td> <td>斜體標記</td> <td>字體出現斜體效果</td> <td> </td> </tr> <tr> <td><tt></tt></td> <td>●</td> <td>等寬字體</td> <td>Courier字體,字母寬度相同</td> <td> </td> </tr> <tr> <td><u></u></td> <td>●</td> <td>加底線</td> <td>加底線</td> <td>反對</td> </tr> <tr> <td><h1></h1></td> <td>●</td> <td>一級標題標記</td> <td>將字體變大,級數越高越小</td> <td> </td> </tr> <tr> <td><h2></h2></td> <td>●</td> <td>二級標題標記</td> <td>將字體變大</td> <td> </td> </tr> <tr> <td><h3></h3></td> <td>●</td> <td>三級標題標記</td> <td>將字體變大</td> <td> </td> </tr> <tr> <td><h4></h4></td> <td>●</td> <td>四級標題標記</td> <td>將字體變大</td> <td> </td> </tr> <tr> <td><h5></h5></td> <td>●</td> <td>五級標題標記</td> <td>將字體變大</td> <td> </td> </tr> <tr> <td><h6></h6></td> <td>●</td> <td>六級標題標記</td> <td>將字體變大</td> <td> </td> </tr> <tr> <td><font></font></td> <td>●</td> <td>字型標記</td> <td>設定字體、大小、顏色</td> <td>反對</td> </tr> <tr> <td><basefont></td> <td>○</td> <td>基準字型標記</td> <td>設定所有字體、大小、顏色</td> <td>反對</td> </tr> <tr> <td><big></big></td> <td>●</td> <td>字體加大</td> <td>令字體稍微變大</td> <td> </td> </tr> <tr> <td><small></small></td> <td>●</td> <td>字體縮小</td> <td>令字體稍微縮小</td> <td> </td> </tr> <tr> <td><strike></strike></td> <td>●</td> <td>加上刪除線</td> <td>為文字加上刪除線</td> <td>反對</td> </tr> <tr> <td><code></code></td> <td>●</td> <td>程式碼</td> <td>字體稍微加寬如<tt></tt> </td> <td> </td> </tr> <tr> <td><kbd></kbd></td> <td>●</td> <td>鍵盤字</td> <td>字體稍微加寬,單一空白</td> <td> </td> </tr> <tr> <td><samp></samp></td> <td>●</td> <td>範例</td> <td>字w稍榧如<tt></tt> </td> <td> </td> </tr> <tr> <td><var></var></td> <td>●</td> <td>變數</td> <td>斜體效果</td> <td> </td> </tr> <tr> <td><cite></cite></td> <td>●</td> <td>斜體標記</td> <td>斜體效果</td> <td> </td> </tr> <tr> <td><blockquote></blockquote></td> <td>●</td> <td>向右縮排</td> <td>文字向右縮排</td> <td> </td> </tr> <tr> <td><dfn></dfn></td> <td>●</td> <td>述語定義</td> <td>斜體效果</td> <td> </td> </tr> <tr> <td><address></address></td> <td>●</td> <td>地址標記</td> <td>斜體效果</td> <td> </td> </tr> <tr> <td><sub></sub></td> <td>●</td> <td>下標字</td> <td>文字下標</td> <td> </td> </tr> <tr> <td><sup></sup></td> <td>●</td> <td>上標</td> <td>文字上標</td> <td> </td> </tr> <tr> <td colspan="5"><strong>清單標記</strong></td> </tr> <tr> <td><ol></ol></td> <td>●</td> <td>順序清單</td> <td>清單項目將以數字、字母順序排列</td> <td> </td> </tr> <tr> <td><ul></ul></td> <td>●</td> <td>無序清單</td> <td>清單項目將以實心圓點作為符號排列</td> <td> </td> </tr> <tr> <td><li></td> <td>○</td> <td>清單項目</td> <td>清單中的項目,一個標記一行</td> <td> </td> </tr> <tr> <td><menu></menu></td> <td>●</td> <td>選項清單</td> <td>可用type參數指定項目符號。</td> <td>反对</td> </tr> <tr> <td><DIR></td> <td>●</td> <td>目录清单</td> <td>与<menu>相同</td> <td>反对</td> </tr> <tr> <td><DL></td> <td>●</td> <td>定义清单</td> <td>清单分两层出现</td> <td> </td> </tr> <tr> <td><DT></td> <td>○</td> <td>定义条目</td> <td>清单项标题</td> <td> </td> </tr> <tr> <td><DD></td> <td>○</td> <td>定义内容</td> <td>清单项内容</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表格标记</strong></td> </tr> <tr> <td><TABLE></td> <td>●</td> <td>表格标记</td> <td>设定该表格的各项参数</td> <td> </td> </tr> <tr> <td><CAPTION></td> <td>●</td> <td>表格标题</td> <td>做成一打通列以填入表格标题</td> <td> </td> </tr> <tr> <td><TR></td> <td>●</td> <td>表格列</td> <td>设定该表格的列</td> <td> </td> </tr> <tr> <td><TD></td> <td>●</td> <td>表格栏</td> <td>设定该表格的栏</td> <td> </td> </tr> <tr> <td><TH></td> <td>●</td> <td>表格标头</td> <td>相等于<TD>,但其内文字字体会变粗</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表单标记</strong></td> </tr> <tr> <td><FORM></td> <td>●</td> <td>表单标记</td> <td>决定该表单的运作模式</td> <td> </td> </tr> <tr> <td><TEXTAREA></td> <td>●</td> <td>文字框</td> <td>提供文字输入栏</td> <td> </td> </tr> <tr> <td><INPUT></td> <td>○</td> <td>输入标记</td> <td>决定输入形式</td> <td> </td> </tr> <tr> <td><SELECT></td> <td>●</td> <td>选择标记</td> <td>建立弹出卷动清单</td> <td> </td> </tr> <tr> <td><OPTION></td> <td>○</td> <td>选项</td> <td>每一个清单选项</td> <td> </td> </tr> <tr> <td colspan="5"><strong>图形标记</strong></td> </tr> <tr> <td><IMG></td> <td>○</td> <td>图形标记</td> <td>用来插入图形及设定图形属性</td> <td> </td> </tr> <tr> <td colspan="5"><strong>链接标记</strong></td> </tr> <tr> <td><A></td> <td>●</td> <td>链接标记</td> <td>加入链接</td> <td> </td> </tr> <tr> <td><BASE></td> <td>○</td> <td>基准标记</td> <td>可将相对 URL 转绝对及指定链接</td> <td> </td> </tr> <tr> <td colspan="5"><strong>框架标记</strong></td> </tr> <tr> <td><FRAMESET></td> <td>●</td> <td>框架设定</td> <td>设定框架</td> <td> </td> </tr> <tr> <td><FRAME></td> <td>○</td> <td>窗口设定</td> <td>设定框架中的窗口</td> <td> </td> </tr> <tr> <td><IFRAME></td> <td>○</td> <td>页内框架</td> <td>于网页中插入框架</td> <td>IE</td> </tr> <tr> <td><NOFRAMES></td> <td>●</td> <td>不支持框架</td> <td>设定浏览器不支持框架时的提示</td> <td> </td> </tr> <tr> <td colspan="5"><strong>影像地图</strong></td> </tr> <tr> <td><map></map></td> <td>●</td> <td>影像地圖名稱</td> <td>設定影像地圖名稱</td> <td> </td> </tr> <tr> <td><area></td> <td>○</td> <td>連結區域</td> <td>設定各連結區域</td> <td> </td> </tr> <tr> <td colspan="5"><strong>多媒體</strong></td> </tr> <tr> <td><bgsound></bgsound></td> <td>○</td> <td>背景聲音</td> <td>令背景播放音樂或聲音</td> <td>IE</td> </tr> <tr> <td><embed></embed></td> <td>○</td> <td>多媒體</td> <td>加入聲音、音樂或影像</td> <td> </td> </tr> <tr> <td colspan="5"><strong>其他標記</strong></td> </tr> <tr> <td><marquee></marquee></td> <td>●</td> <td>走馬燈</td> <td>令文字走動</td> <td>IE</td> </tr> <tr> <td><blink></blink></td> <td>●</td> <td>閃爍文字</td> <td>令文字閃爍</td> <td>NC</td> </tr> <tr> <td><isindex></td> <td>○</td> <td>頁內尋找器</td> <td>可輸入關鍵字尋找該頁</td> <td>反對</td> </tr> <tr> <td><meta></td> <td>○</td> <td>開頭說明</td> <td>提供關於此頁的資訊給瀏覽器</td> <td> </td> </tr> <tr> <td><link></td> <td>○</td> <td>關係定義</td> <td>定義該文件與其他 URL 的關係</td> <td> </td> </tr> <tr> <td colspan="5">StyleSheet</td> </tr> <tr> <td><style></style></td> <td>●</td> <td>式樣表</td> <td>控制網頁版面</td> <td> </td> </tr> <tr> <td><span></span></td> <td>●</td> <td>自訂標記</td> <td>獨立使用或與樣式表一起使用</td> <td> </td> </tr> </tbody> </table> <p><strong>備 註: </strong></p> <p>1、● 表示該標記屬於圍堵標記,即需要結束標記標記>。 </p> <p>2、○ 表示該標記屬空標記,即不需要結束標記。 </p> <p>3、IE 表示該標記只適應於 Internet Explorer。 </p> <p>4、NC 表示該標記只適用於 Netscape Communicator。 </p> <p>5、反對 表示該標記不為 W3C 所贊同,通常這標記是微軟或網景自訂,且已被大家支持,只是 HTML 標準中有其它功能相同或更好的選擇。 </p> <p>6、棄用 表示該標記已被 W3C 所拋棄,是過時的標記,但 HTML 有向下相容性,所以瀏覽器仍然支援。 </p> <p>7、新 表示該標記是 HTML 4.0 新增的。 <br><br>如果感覺不是很詳細可以參考下下面的文章 <a target="_blank" href="http://www.jb51.net/web/28143.html">HTML元素(標籤)大全及使用介紹</a> 都可以參考下</p> <p><span style="COLOR: rgb(255,0,0)">——本文早期轉自網絡,無法溯源,未標明出處,特別說明。 </span></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>陳述:</span><div>本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn</div></div></div><div class="nphpSytBox"><span>上一篇:<a class="dBlack" title="Html長文本超出標記寬度後自動截取實作程式碼_HTML/Xhtml_網頁製作" href="https://m.php.cn/zh-tw/faq/11793.html">Html長文本超出標記寬度後自動截取實作程式碼_HTML/Xhtml_網頁製作</a></span><span>下一篇:<a class="dBlack" title="Html長文本超出標記寬度後自動截取實作程式碼_HTML/Xhtml_網頁製作" href="https://m.php.cn/zh-tw/faq/11797.html">Html長文本超出標記寬度後自動截取實作程式碼_HTML/Xhtml_網頁製作</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相關文章</h2><em><a href="https://m.php.cn/zh-tw/article.html" class="bBlack"><i>看更多</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/zh-tw/faq/348757.html" title="Html小知識總結" class="aBlack">Html小知識總結</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh-tw/faq/348804.html" title="如何快速學習HTML" class="aBlack">如何快速學習HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh-tw/faq/348873.html" title="html xhtml xml的區別" class="aBlack">html xhtml xml的區別</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh-tw/faq/348884.html" title="src與href屬性的差別" class="aBlack">src與href屬性的差別</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/zh-tw/faq/348902.html" title="關於HTML5和CSS替換使用" class="aBlack">關於HTML5和CSS替換使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>公益線上PHP培訓,幫助PHP學習者快速成長!</p></div><div class="footermid"><a href="https://m.php.cn/zh-tw/about/us.html">關於我們</a><a href="https://m.php.cn/zh-tw/about/disclaimer.html">免責聲明</a><a href="https://m.php.cn/zh-tw/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>