首頁  >  文章  >  web前端  >  HTML文法大全

HTML文法大全

高洛峰
高洛峰原創
2016-12-16 15:02:401362瀏覽

卷標, 屬性名稱, 簡介

批註

跑馬燈

...普通捲動

...滑動

...預設捲動

...來回捲動

...向下捲動

...向上捲動

向右捲動

向左捲動

...捲動次數

...設定寬度

...設定高度

...設定背景顏色

...設定捲動距離

...設定捲動時間

字體效果

...

標題字(最大)

...
標題字(最小)

...粗體字

...粗體字(強調)

...斜體字

...斜體字(強調)

...斜體字(表示定義)

...底線

...底線(表示插入文字)

...橫線

...刪除線

...刪除線(表示刪除)

...鍵盤文字

... 打字體

...固定寬度字體(在文件中空白、換行、定位功能有效)

...</plaintext>固定寬度字體(不執行標記符號)</p> <p></p> <listing>...</listing> 固定寬度小字體<p>...字體顏色</p> <p>...最小字體</p> <p><font style="font-size:100" px>...無限增大</font></p> <p>區斷標記</p> <p></p> <hr>水平線<p></p> <hr size="9">水平線(設定大小)<p></p> <hr width="80%">水平線(設定寬度)<p></p> <hr width="80%">水平線(設定寬度)<p></p>水平線(設定顏色)<p></p> <br>(換行)<p></p> <nobr>...</nobr>水域(不換行)<p></p> <p>...</p>水域(段落)<p>連結格式</p> <p><base>(預設好連結路徑)</p> <p><a href="%E4%BD%8D%E5%9D%80">外部連結</a></p> <p>外部連結(另開新視窗)</p> <p><a href="%E4%BD%8D%E5%9D%80target=_top">外部連結(全視窗連結)</a></p> <p><a href="%E4%BD%8D%E5%9D%80target=%E9%A0%81%E6%A1%86%E5%90%8D%E7%A8%B1">外部連結(在指定頁框連結)</a></p> <p>貼圖/音樂</p> <p><img src="%E5%9C%96%E7%89%87%E4%BD%8D%E5%9D%80" alt="HTML文法大全" >貼圖</p> <p><img src="%E5%9C%96%E7%89%87%E4%BD%8D%E5%9D%80 style="max-width:90%" alt="HTML文法大全" >設定圖片寬度</p> <p><img src="%E5%9C%96%E7%89%87%E4%BD%8D%E5%9D%80 style="max-width:90%" alt="HTML文法大全" >設定圖片寬度</p> <p><img src="%E5%9C%96%E7%89%87.height" alt="HTML文法大全" >設定圖片高度</p> <p><img src="%E5%9C%96%E7%89%87%E5%9C%B0%E5%9D%80alt=%E6%8F%90%E7%A4%BA%E6%96%87%E5%AD%97">設定圖片提示文字</p> <p><img src="%E5%9C%96%E7%89%87%E5%9C%B0%E5%9D%80border=1" alt="HTML文法大全" >設定圖片邊框</p> <p><bgsound src="MID%E9%9F%B3%E6%A8%82%E6%AA%94%E6%A1%88%E5%9C%B0%E5%9D%80">背景音樂設定</bgsound></p> <p>表格語法</p> <p></p> <table aling="left">...</table>表格位置,置左<p></p> <table aling="center">...</table>表格位置,置中<p></p> <table background="圖片路徑">...</table>背景圖片的URL=就是路徑網址<p></p> <table border="邊框大小">...</table>設定表格邊框大小(使用數字)<p></p> <table bgcolor="顏色碼">...</table>設定表格的背景顏色<p></p> <table borderclor="顏色碼">...</table>設定表格邊框的顏色<p></p> <table borderclordark="顏色碼">...</table>設定表格暗邊框的顏色<p></p> <table borderclorlight="顏色碼">...</table>設定表格亮邊框的顏色🎜<table cellpadding="參數">. ..</table>指定內容與網格線之間的間距(使用數字)🎜<p></p> <table cellspacing="參數">...</table>指定網格線與網格線之間的距離(使用數字)<p></p> <table cols="參數">...</table>指定表格的欄數<p></p> <table frame="參數">...</table>設定表格外框線的顯示方式<p></p> <table width="寬度">...</table>指定表格的寬度大小(使用數字)<p> </p> <table height="高度">...</table>指定表格的高度大小(使用數字)<p></p> <td colspan="參數">...</td>指定儲存格合併欄的欄數(使用數字) <p></p> <td rowspan="參數">...</td>指定儲存格合併列的列數(使用數字)<p>分割視窗</p> <p></p> <frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整<p></p> <frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整 <p></p> <frameset cols="20%,*">分割左右兩個框架<p></p> <frameset cols="20%,*,20%">分割左中右三個框架<p></p> <p> </p> <frameset rows="20%,*,20%">分割上中下三個框架<p> 批註</p> <p><a href target> 指定超級連結的分割視窗</a></p> <p> 指定錨名稱的超級連結</p> <p><a href> 指定超級連結</a></p> <p><a name="%E9%8C%A8%E7%9A%84%E5%90%8D%E7%A8%B1"> 被連結點的名稱</a></p> <p></p> <address>....</address> 用來顯示電子郵件位址<p><b> 粗體字</b></p> <p><base target> 指定超級連結的分割視窗</p> <p><basefont size> 變更預設字形大小</p> <p><bgsound src> 加入背景音樂BIG> 顯示大字體</bgsound></p> <p><blink> 閃爍的文字</blink></p> <p></p> 設定文字顏色<p></p> 顯示本文標題? <p></p> <caption>...</caption> 為表格加上標題<p></p> <center> 向中對齊<p><cite>...<cite> 用於引經據典的文字</cite></cite></p> <p><code>... CODE&gt; 用來列出一段程式碼</code></p> <p><comment>...</comment> 加上批註</p> <p></p> <dd> 設定定義清單的項目解說<p><dfn>...</dfn> 顯示"定義"文字</p> <p></p> <dir>...</dir> 清單文字卷標<p></p> <dl>...</dl> 設定定義清單的捲標<p></p> </dd> <dt> 設定定義清單的項目 <p><em> 強調之用</em></p> <p><font face> 任意指定所使用的字形</font></p> <p><font size> 設定字體大小</font></p> <p></p> <form action> 設定戶動式視窗的處理方式<p></p> </form> <form action> 設定戶動式窗體的處理方式<p></p> <formth>設定戶動窗體之資料傳送方式<p></p> <frame marginheight> 設定視窗的上下邊界<p></p> <frame marginwidth> 設定視窗的左右邊界<p></p> <frame noresi> 為分割視窗命名> 鎖住分割視窗的大小<p></p> <frame scrolling> 設定分割視窗的捲軸<p></p> <frame src> 將HTML檔案加入視窗<p></p> <frameset cols> 將視窗分割成左右的子視窗<p></p> <p></p> <frameset cols> 將視窗分割成左右的子視窗<p>WS<fr> 將視窗分割成上下的子視窗</fr></p> <p></p> <frameset>...</frameset> 分割分割視窗<p></p> <h1>~<h6> 設定文字大小</h6> </h1> <p></p> 標示檔案資訊<p></p> <hr>加上分網格線<p> 檔案的開始與結束</p> <p><i> 斜體字</i></p> <p><img align alt="HTML文法大全" > 調整圖形影像的位置</p> <p><img alt> 為你的圖形影像加註</p> <p> 加入影片</p> <p></p> <img height width alt="HTML文法大全" > 插入圖片並預設圖形大小<p><br></p> <p></p>更多HTML語法大全相關文章請關注PHP中文網! <p><br></p>🎜</frameset> </frameset></formth> </form> </dt> </center> </frameset> </frameset> </frameset> </frameset> </frameset></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標籤詳解" href="http://m.php.cn/zh-tw/faq/344947.html">HTML標籤詳解</a></span><span>下一篇:<a class="dBlack" title="HTML標籤詳解" href="http://m.php.cn/zh-tw/faq/344967.html">HTML標籤詳解</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相關文章</h2><em><a href="http://m.php.cn/zh-tw/article.html" class="bBlack"><i>看更多</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/zh-tw/faq/348757.html" title="Html小知識總結" class="aBlack">Html小知識總結</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/zh-tw/faq/348804.html" title="如何快速學習HTML" class="aBlack">如何快速學習HTML</a><div class="clear"></div></li><li><b></b><a href="http://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="http://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="http://m.php.cn/zh-tw/faq/348902.html" title="關於HTML5和CSS替換使用" class="aBlack">關於HTML5和CSS替換使用</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/zh-tw/"><b class="icon1"></b><p>首頁</p></a></li><li><a href="http://m.php.cn/zh-tw/course.html"><b class="icon2"></b><p>課程</p></a></li><li><a href="http://m.php.cn/zh-tw/wenda.html"><b class="icon4"></b><p>問答</p></a></li><li><a href="http://m.php.cn/zh-tw/login"><b class="icon5"></b><p>我的</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/zh-tw/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/zh-tw/"><b class="icon1"></b><span>首頁</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/course.html"><b class="icon2"></b><span>課程</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/article.html"><b class="icon3"></b><span>文章</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/wenda.html"><b class="icon4"></b><span>問答</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/dic.html"><b class="icon6"></b><span>詞典</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/course/type/99.html"><b class="icon7"></b><span>手册</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/xiazai/"><b class="icon8"></b><span>下載</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/zh-tw/faq/zt" title="專題"><b class="icon12"></b><span>專題</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/zh-tw/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/" >首頁</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/article.html" class="hover">文章</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/wenda.html" >問答</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/course.html" >課程</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/faq/zt" >專題</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/xiazai" >下載</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/game" >遊戲</a></div><div class="swiper-slide"><a href="http://m.php.cn/zh-tw/dic.html" >詞典</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><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></html>