\n| Joe Root<\/td>\n | England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n 以 .html 副檔名儲存程式碼並在瀏覽器中開啟它。它將顯示以下輸出：<\/p>\n ![\"HTML](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543802535192.png\") <\/p>\n
2.表格標題<\/h4>\n表格標題可以使用 caption><\/strong> 標籤指定。 <\/strong><\/p>\n範例<\/strong><\/p>\n\n\n\nHTML Table Tag Usage<\/title>\n<\/head>\n<body>
<h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<table border = \"1\">\n<caption>This is Table Caption<\/caption>\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>上面的程式碼將顯示以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543802771799.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h4>3.表格單元間距<\/h4>\n<p>表格單元格的空間可以使用 cellspacing 屬性來定義。 cellspacing 屬性指定表格儲存格之間的空間。 <\/p>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<body>\n<table border = \"1\" cellspacing = \"5\">\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>上面的程式碼將顯示以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543802939006.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h4>4.表格單元填充<\/h4>\n<p>表格儲存格的填入可以使用 cellpadding 屬性來定義。 cellpadding屬性表格單元格邊框與資料之間的距離。 <\/p>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<body>\n<table border = \"1\" cellpadding = \"5\">\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>上面的程式碼將顯示以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543803182003.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h4>5.列與行跨度屬性<\/h4>\n<p>您可以使用 rowspan 屬性將兩個或多個表格行合併為一行，並且可以使用 colspan 屬性將表格列合併為單一資料列。 <\/p>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<body>\n<table border = \"1\">\n<tr>\n<th>Column One<\/th>\n<th>Column Two<\/th>\n<th>Column Three<\/th>\n<\/tr>\n<tr>\n<td rowspan = \"2\">Row One<\/td>\n<td>Row Two<\/td>\n<td>Row Three<\/td>\n<\/tr>\n<tr>\n<td>Row Four<\/td>\n<td>Row Five<\/td>\n<\/tr>\n<tr>\n<td colspan = \"3\">Row Six<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>程式碼將顯示以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543803423687.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h4>6.桌子背景<\/h4>\n<p>您可以使用 bgcolor 屬性建立表格的背景?？梢允褂?border-color 屬性指定表格單元格邊框。 <\/p>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<body>\n<table border = \"1\" bordercolor = \"red\" bgcolor = \"lightblue\">\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>執(zhí)行上面的程式碼，會顯示如下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543803799982.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h4>7.桌子的高度和寬度<\/h4>\n<p>您可以使用 width 和 height 屬性來設定表格的高度和寬度。 <\/p>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<body>\n<table border = \"1\" width = \"500\" height = \"250\" bgcolor = \"lightblue\">\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>上面的程式碼將顯示以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543804021296.png\" alt=\"HTML 表格標籤\" ><\/p>\n\n\n<h4>8.設定表格儲存格樣式<\/h4>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<style>\ntable, th, td {\nborder: 1px solid red;\nborder-collapse: collapse;\n}\nth, td {\npadding: 15px;\n}\ntable#mytable tr:nth-child(even) {\nbackground-color: #FAD7A0;\n}\ntable#mytable tr:nth-child(odd) {\nbackground-color: #E67E22;\n}\ntable#mytable th {\ncolor: white;\nbackground-color: teal;\n}\n<\/style>\n<body>\n<table id=\"mytable\" border = \"1\" width = \"450\" height = \"350\">\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>執(zhí)行上面的程式碼；你將得到以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543804166022.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h4>8.巢狀表<\/h4>\n<p>您可以在另一個表中使用一個表，稱為巢狀表。 <\/p>\n<p>讓我們考慮下面的巢狀表示例：<\/p>\n<p><strong>範例<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>HTML Table Tag Usage<\/title>\n<\/head>\n<body>\n<table border = \"1\" width = \"500\" height = \"250\">\n<tr>\n<td>\n<table border = \"1\" width = \"500\" height = \"250\" bgcolor = \"lightblue\">\n<tr>\n<th>Name<\/th>\n<th>Country<\/th>\n<\/tr>\n<tr>\n<td>Dhoni<\/td>\n<td>India<\/td>\n<\/tr>\n<tr>\n<td>David Miller<\/td>\n<td>South Africa<\/td>\n<\/tr>\n<tr>\n<td>Joe Root<\/td>\n<td>England<\/td>\n<\/tr>\n<\/table>\n<\/td>\n<\/tr>\n<\/table>\n<\/body><\/pre>\n<p>上面的程式碼將顯示以下輸出：<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543804437421.png\" alt=\"HTML 表格標籤\" ><\/p>\n<h3>表的屬性<\/h3>\n<p>以下屬性如下：<\/p>\n<ul>\n<li>\n<strong>align:<\/strong> 此屬性提供元素內的內容對齊。 <\/li>\n<li>\n<strong>bgcolor:<\/strong> 此屬性指定表格的背景顏色。 <\/li>\n<li>\n<strong>border:<\/strong> 此屬性指定表格儲存格的邊框。 <\/li>\n<li>\n<strong>cellpadding：<\/strong> 此屬性顯示表格儲存格和表格內容之間的填滿。 <\/li>\n<li>\n<strong>cellspacing:<\/strong> 此屬性表示表格儲存格之間的間距。 <\/li>\n<li>\n<strong>frame:<\/strong>它指定外邊框的哪些部分是可見的。 <\/li>\n<li>\n<strong>規(guī)則：<\/strong>這指定內部邊框的哪些部分是可見的。 <\/li>\n<li>\n<strong>sortable:<\/strong> 此屬性告知該表是可排序的。 <\/li>\n<li>\n<strong>摘要：<\/strong>它提供了目前表格內容的類型。 <\/li>\n<li>\n<strong>width:<\/strong> 此屬性告訴表格的寬度。 <\/li>\n<li>\n<strong>height:<\/strong> 此屬性指定表格的高度。 <\/li>\n<\/ul>\n<h3>結論<\/h3>\n<p>到目前為止，我們已經研究了 HTML 中不同類型的表格標籤。這些範例展示如何使用表格樣式、將一個表格嵌套在另一個表格中、設定表格的高度和寬度、為表格儲存格新增間距和填滿、為表格套用背景顏色等等。 <\/p>\n<\/tr><\/li>\n<\/td><\/li>\n<\/ul>\n<\/tr>\n<\/table>"} </script>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>
<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
<div id="377j5v51b" class="head">
<div id="377j5v51b" class="haed_left">
<div id="377j5v51b" class="haed_logo">
<a href="http://www.miracleart.cn/zh-tw/" title="" class="haed_logo_a">
<img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
</a>
</div>
<div id="377j5v51b" class="head_nav">
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a>
<a href="http://www.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a>
<a href="http://www.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="學習" class="head_nava head_nava-template1_1">學習</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a>
<a href="http://www.miracleart.cn/zh-tw/dic/" title="程式設計字典" class="languagechoosea">程式設計字典</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a>
<a href="http://www.miracleart.cn/zh-tw/toolset/website-source-code" title="網站源碼" class="languagechoosea">網站源碼</a>
<a href="http://www.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a>
<a href="http://www.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a>
<a href="http://www.miracleart.cn/zh-tw/toolset/website-materials" title="網站素材" class="languagechoosea on">網站素材</a>
<a href="http://www.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴充插件" class="languagechoosea on">擴充插件</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://www.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://www.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a>
<a href="http://www.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="搜尋" onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a>
<div class="377j5v51b" id="dropdown-template" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
<a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
<a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a>
<a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
<a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
<a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
</div>
</div>
</div>
<span id="377j5v51b" class="head_right_line"></span>
<div style="display: block;" id="login" class="haed_login ">
<a href="javascript:;" title="Login" class="haed_logina ">Login</a>
</div>
<div style="display: block;" id="reg" class="head_signup login">
<a href="javascript:;" title="singup" class="head_signupa">singup</a>
</div>
</div>
</div>
</header>
<main>
<div id="377j5v51b" class="Article_Details_main">
<div id="377j5v51b" class="Article_Details_main1">
<div id="377j5v51b" class="Article_Details_main1L">
<div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
<div id="377j5v51b" class="Article_Details_main1L1">目錄</div>
<div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2">
<!-- 左側懸浮，文章定位標題1 id="Article_Details_main1L2s_1"-->
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#HTML-表格標籤範例" title="HTML 表格標籤範例" >HTML 表格標籤範例</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#基本表使用" title="1.基本表使用" >1.基本表使用</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#表格標題" title="2.表格標題" >2.表格標題</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#表格單元間距" title="3.表格單元間距" >3.表格單元間距</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#表格單元填充" title="4.表格單元填充" >4.表格單元填充</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#列與行跨度屬性" title="5.列與行跨度屬性" >5.列與行跨度屬性</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#桌子背景" title="6.桌子背景" >6.桌子背景</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#桌子的高度和寬度" title="7.桌子的高度和寬度" >7.桌子的高度和寬度</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#設定表格儲存格樣式" title="8.設定表格儲存格樣式" >8.設定表格儲存格樣式</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#巢狀表" title="8.巢狀表" >8.巢狀表</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#表的屬性" title="表的屬性" >表的屬性</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#結論" title="結論" >結論</a>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://www.miracleart.cn/zh-tw/" title="首頁"
class="phpgenera_Details_mainL1a">首頁</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/zh-tw/web-designer.html"
class="phpgenera_Details_mainL1a">web前端</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.miracleart.cn/zh-tw/div-tutorial.html"
class="phpgenera_Details_mainL1a">html教學</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>HTML 表格標籤</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">HTML 表格標籤</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:20 PM</span>
<div id="377j5v51b" class="Articlelist_txts_infos">
<span id="377j5v51b" class="Articlelist_txts_infoss on">html</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span>
</div>
</div>
</div>
<hr />
<div id="377j5v51b" class="article_main php-article">
<div id="377j5v51b" class="article-list-left detail-content-wrap content">
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3461856641">
</ins>
<p>HTML 表格提供了一種以單元格的行和列形式匯出或定義資料（例如文字、圖像、連結等）的方法。可以使用 </p>
<table> 建立 HTML 表格。標籤。預設情況下，表格資料左對齊。在本主題中，我們將學習 HTML 表格標籤。
<p>可以使用 </p>
<th>、</th>
<td> 和 </td>
<tr> 建立表格。標籤。
<ul>
<li>第個標籤定義表格的標題。 </li>
<li><td>;標籤指定用於建立列的表格資料儲存格。
<li><tr>;標籤指定用於建立行的表行。
<p>表格資料可以在表格的</p>
<table>內容</table>中建構。具有大量表格元素。
<p><strong>文法</strong></p>
<pre class="brush:php;toolbar:false"><table>
<tr>
<th>Table Heading 1</th>
<th>Table Heading 2</th>
</tr>
<tr>
<td>Data Cell 1</td>
<td>Data Cell 2</td>
</tr>
<tr>
<td>Data Cell 3</td>
<td>Data Cell 4</td>
</tr>
</table></pre>
<h3 id="HTML-表格標籤範例">HTML 表格標籤範例</h3>
<p>以下是 HTML 表格標籤的範例</p>
<h4 id="基本表使用">1.基本表使用</h4>
<p><strong>範例：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>以 .html 副檔名儲存程式碼並在瀏覽器中開啟它。它將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543802535192.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="表格標題">2.表格標題</h4>
<p>表格標題可以使用 <strong>caption<strong>></strong> 標籤指定。 </strong></p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1">
<caption>This is Table Caption</caption>
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>上面的程式碼將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543802771799.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="表格單元間距">3.表格單元間距</h4>
<p>表格單元格的空間可以使用 cellspacing 屬性來定義。 cellspacing 屬性指定表格儲存格之間的空間。 </p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1" cellspacing = "5">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>上面的程式碼將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543802939006.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="表格單元填充">4.表格單元填充</h4>
<p>表格儲存格的填入可以使用 cellpadding 屬性來定義。 cellpadding屬性表格單元格邊框與資料之間的距離。 </p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1" cellpadding = "5">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>上面的程式碼將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543803182003.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="列與行跨度屬性">5.列與行跨度屬性</h4>
<p>您可以使用 rowspan 屬性將兩個或多個表格行合併為一行，並且可以使用 colspan 屬性將表格列合併為單一資料列。 </p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1">
<tr>
<th>Column One</th>
<th>Column Two</th>
<th>Column Three</th>
</tr>
<tr>
<td rowspan = "2">Row One</td>
<td>Row Two</td>
<td>Row Three</td>
</tr>
<tr>
<td>Row Four</td>
<td>Row Five</td>
</tr>
<tr>
<td colspan = "3">Row Six</td>
</tr>
</table>
</body></pre>
<p>程式碼將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543803423687.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="桌子背景">6.桌子背景</h4>
<p>您可以使用 bgcolor 屬性建立表格的背景。可以使用 border-color 屬性指定表格單元格邊框。 </p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1" bordercolor = "red" bgcolor = "lightblue">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>執(zhí)行上面的程式碼，會顯示如下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543803799982.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="桌子的高度和寬度">7.桌子的高度和寬度</h4>
<p>您可以使用 width 和 height 屬性來設定表格的高度和寬度。 </p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1" width = "500" height = "250" bgcolor = "lightblue">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>上面的程式碼將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543804021296.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="設定表格儲存格樣式">8.設定表格儲存格樣式</h4>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<style>
table, th, td {
border: 1px solid red;
border-collapse: collapse;
}
th, td {
padding: 15px;
}
table#mytable tr:nth-child(even) {
background-color: #FAD7A0;
}
table#mytable tr:nth-child(odd) {
background-color: #E67E22;
}
table#mytable th {
color: white;
background-color: teal;
}
</style>
<body>
<table id="mytable" border = "1" width = "450" height = "350">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</body></pre>
<p>執(zhí)行上面的程式碼；你將得到以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543804166022.png" class="lazy" alt="HTML 表格標籤" ></p>
<h4 id="巢狀表">8.巢狀表</h4>
<p>您可以在另一個表中使用一個表，稱為巢狀表。 </p>
<p>讓我們考慮下面的巢狀表示例：</p>
<p><strong>範例</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>HTML Table Tag Usage</title>
</head>
<body>
<table border = "1" width = "500" height = "250">
<tr>
<td>
<table border = "1" width = "500" height = "250" bgcolor = "lightblue">
<tr>
<th>Name</th>
<th>Country</th>
</tr>
<tr>
<td>Dhoni</td>
<td>India</td>
</tr>
<tr>
<td>David Miller</td>
<td>South Africa</td>
</tr>
<tr>
<td>Joe Root</td>
<td>England</td>
</tr>
</table>
</td>
</tr>
</table>
</body></pre>
<p>上面的程式碼將顯示以下輸出：</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543804437421.png" class="lazy" alt="HTML 表格標籤" ></p>
<h3 id="表的屬性">表的屬性</h3>
<p>以下屬性如下：</p>
<ul>
<li>
<strong>align:</strong> 此屬性提供元素內的內容對齊。 </li>
<li>
<strong>bgcolor:</strong> 此屬性指定表格的背景顏色。 </li>
<li>
<strong>border:</strong> 此屬性指定表格儲存格的邊框。 </li>
<li>
<strong>cellpadding：</strong> 此屬性顯示表格儲存格和表格內容之間的填滿。 </li>
<li>
<strong>cellspacing:</strong> 此屬性表示表格儲存格之間的間距。 </li>
<li>
<strong>frame:</strong>它指定外邊框的哪些部分是可見的。 </li>
<li>
<strong>規(guī)則：</strong>這指定內部邊框的哪些部分是可見的。 </li>
<li>
<strong>sortable:</strong> 此屬性告知該表是可排序的。 </li>
<li>
<strong>摘要：</strong>它提供了目前表格內容的類型。 </li>
<li>
<strong>width:</strong> 此屬性告訴表格的寬度。 </li>
<li>
<strong>height:</strong> 此屬性指定表格的高度。 </li>
</ul>
<h3 id="結論">結論</h3>
<p>到目前為止，我們已經研究了 HTML 中不同類型的表格標籤。這些範例展示如何使用表格樣式、將一個表格嵌套在另一個表格中、設定表格的高度和寬度、為表格儲存格新增間距和填滿、為表格套用背景顏色等等。 </p>
</tr></li>
</td></li>
</ul>
</tr>
</table><p>以上是HTML 表格標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">本網站聲明</div>
<div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發(fā)現(xiàn)涉嫌抄襲或侵權的內容，請聯(lián)絡admin@php.cn</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<div id="377j5v51b" class="AI_ToolDetails_main4sR">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3653428331"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<!-- <div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>熱門文章</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796821119.html" title="指南：恆星刀片保存文件位置/保存文件丟失/不保存" class="phpgenera_Details_mainR4_bottom_title">指南：恆星刀片保存文件位置/保存文件丟失/不保存</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 週前</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796827210.html" title="Oguri Cap Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |漂亮的德比志</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796828723.html" title="Agnes Tachyon Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide |漂亮的德比志</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺醒 - 高級行星學家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級行星學家Quest演練</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796821278.html" title="約會一切：德克和哈珀關係指南" class="phpgenera_Details_mainR4_bottom_title">約會一切：德克和哈珀關係指南</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 週前</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a>
</div>
</div>
</div> -->
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>熱AI工具</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>免費脫衣圖片</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>人工智慧驅動的應用程序，用於創(chuàng)建逼真的裸體照片</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>用於從照片中去除衣服的線上人工智慧工具。</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>AI脫衣器</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>熱門文章</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796821119.html" title="指南：恆星刀片保存文件位置/保存文件丟失/不保存" class="phpgenera_Details_mainR4_bottom_title">指南：恆星刀片保存文件位置/保存文件丟失/不保存</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 週前</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796827210.html" title="Oguri Cap Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |漂亮的德比志</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796828723.html" title="Agnes Tachyon Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide |漂亮的德比志</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺醒 - 高級行星學家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級行星學家Quest演練</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/1796821278.html" title="約會一切：德克和哈珀關係指南" class="phpgenera_Details_mainR4_bottom_title">約會一切：德克和哈珀關係指南</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 週前</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>熱工具</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
<h3>記事本++7.3.1</h3>
</a>
<p>好用且免費的程式碼編輯器</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title">
<h3>SublimeText3漢化版</h3>
</a>
<p>中文版，非常好用</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
<h3>禪工作室 13.0.1</h3>
</a>
<p>強大的PHP整合開發(fā)環(huán)境</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>視覺化網頁開發(fā)工具</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Mac版</h3>
</a>
<p>神級程式碼編輯軟體(SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>熱門話題</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/gmailyxdlrkzn" title="gmail信箱登陸入口在哪裡" class="phpgenera_Details_mainR4_bottom_title">gmail信箱登陸入口在哪裡</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>8637</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>17</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/java-tutorial" title="Java教學" class="phpgenera_Details_mainR4_bottom_title">Java教學</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1783</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>16</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1727</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>56</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1577</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>28</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.miracleart.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1442</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>31</span>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.miracleart.cn/zh-tw/faq/zt">顯示更多</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main2">
<div id="377j5v51b" class="phpgenera_Details_mainL4">
<div id="377j5v51b" class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainL4_info">
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796829177.html" title="構建網頁的HTML元素是什麼？" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175148129241939.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="構建網頁的HTML元素是什麼？" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796829177.html" title="構建網頁的HTML元素是什麼？" class="phphistorical_Version2_mids_title">構建網頁的HTML元素是什麼？</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:34 AM</span>
<p class="Articlelist_txts_p">網頁結構需核心HTML元素支撐，1.頁面整體結構由、、構成，其中為根元素，存放元信息，展示內容；2.內容組織依賴標題（-）、段落（）及區(qū)塊標籤（如、）以提升條理與SEO；3.導航通過與實現(xiàn)，常用組織鏈接並輔以aria-current屬性增強可訪問性；4.表單交互涉及、、與，確保用戶輸入與提交功能完整。正確使用這些元素能提升頁面清晰度、維護性及搜索引擎優(yōu)化。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務器序列事件處理重新連接和錯誤。" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175148089165625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML5服務器序列事件處理重新連接和錯誤。" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務器序列事件處理重新連接和錯誤。" class="phphistorical_Version2_mids_title">使用HTML5服務器序列事件處理重新連接和錯誤。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:28 AM</span>
<p class="Articlelist_txts_p">使用HTML5SSE時，處理重連和錯誤的方法包括：1.了解默認重連機制，EventSource默認在連接中斷後3秒重試，可通過retry字段自定義間隔；2.監(jiān)聽error事件以應對連接失敗或解析錯誤，區(qū)分錯誤類型並執(zhí)行相應邏輯，如網絡問題依賴自動重連、服務器錯誤手動延遲重連、認證失效刷新token；3.主動控制重連邏輯，如手動關閉並重建連接、設置最大重試次數(shù)、結合navigator.onLine判斷網絡狀態(tài)以優(yōu)化重試策略。這些措施可提升應用穩(wěn)定性與用戶體驗。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796829178.html" title="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175148132111973.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796829178.html" title="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" class="phphistorical_Version2_mids_title">為現(xiàn)代頁面宣布正確的HTML5 Doctype。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:35 AM</span>
<p class="Articlelist_txts_p">Doctype是告訴瀏覽器用哪種HTML標準解析頁面的聲明，現(xiàn)代網頁只需在HTML文件最開頭寫。其作用是確保瀏覽器以標準模式而非怪異模式渲染頁面，且必須位於第一行，前面不能有空格或註釋；正確寫法僅有一種，不推薦使用舊版本或其他變體；其他如charset、viewport等應放在部分。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實現(xiàn)客戶端表單驗證。" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175148109151878.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML屬性實現(xiàn)客戶端表單驗證。" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實現(xiàn)客戶端表單驗證。" class="phphistorical_Version2_mids_title">使用HTML屬性實現(xiàn)客戶端表單驗證。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:31 AM</span>
<p class="Articlelist_txts_p">client-sideformvalidationCanbedOnewithOutJavaScriptbyusinghtmlattributes.1）useRequiredToEnforCemandatoryField.2）validateMailsAndUrllSwithTyPeatTributesLikeEmailOrurl，orusepatternwithRegegexforCustomAlorurl</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項分組？" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175157020270129.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML將選項分組？" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項分組？" class="phphistorical_Version2_mids_title">如何使用HTML將選項分組？</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 04, 2025 am 03:16 AM</span>
<p class="Articlelist_txts_p">在HTML中使用標籤可以對下拉菜單中的選項進行分組。具體方法是用包裹一組元素，並通過label屬性定義組名，如：1.包含蘋果、香蕉、橙子等選項；2.包含胡蘿蔔、西蘭花等選項；3.每個為一個獨立分組，組內選項自動縮進。注意事項包括：①不支持嵌套；②可通過disabled屬性禁用整個組；③樣式受限需結合CSS或第三方庫美化；可使用Select2等插件增強功能。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xiàn)可點擊按鈕" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175182671121571.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML按鈕元素實現(xiàn)可點擊按鈕" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xiàn)可點擊按鈕" class="phphistorical_Version2_mids_title">使用HTML按鈕元素實現(xiàn)可點擊按鈕</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 07, 2025 am 02:31 AM</span>
<p class="Articlelist_txts_p">要使用HTML的button元素實現(xiàn)可點擊按鈕，首先需掌握其基本用法與常見註意事項。 1.使用標籤創(chuàng)建按鈕，並通過type屬性定義行為（如button、submit、reset），默認為submit；2.通過JavaScript添加交互功能，可內聯(lián)寫法或通過ID綁定事件監(jiān)聽器以提升維護性；3.利用CSS自定義樣式，包括背景色、邊框、圓角及hover/active狀態(tài)效果，增強用戶體驗；4.注意常見問題：確保未啟用disabled屬性、正確綁定JS事件、避免佈局遮擋，並藉助開發(fā)者工具排查異常。掌握這</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796828942.html" title="用HTML5語義標記和微數(shù)據(jù)改善SEO。" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175147660275182.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="用HTML5語義標記和微數(shù)據(jù)改善SEO。" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796828942.html" title="用HTML5語義標記和微數(shù)據(jù)改善SEO。" class="phphistorical_Version2_mids_title">用HTML5語義標記和微數(shù)據(jù)改善SEO。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 01:16 AM</span>
<p class="Articlelist_txts_p">使用HTML5語義標籤和Microdata可提升SEO，因為它幫助搜索引擎更好理解頁面結構與內容含義。 1.使用HTML5語義標籤如、、、、和來明確頁面區(qū)塊功能，有助於搜索引擎建立更準確的頁面模型；2.添加Microdata結構化數(shù)據(jù)標註具體內容，例如文章作者、發(fā)布日期、商品價格等，使搜索引擎能識別信息類型並用於富媒體摘要展示；3.注意正確使用標籤避免混淆、避免重複標記、測試結構化數(shù)據(jù)有效性、定期更新以適應schema.org的變化，並結合其他SEO手段長期優(yōu)化。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/zh-tw/faq/1796829958.html" title="如何使用HTML iframe標籤從另一個站點嵌入內容？" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175157025235776.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML iframe標籤從另一個站點嵌入內容？" />
</a>
<a href="http://www.miracleart.cn/zh-tw/faq/1796829958.html" title="如何使用HTML iframe標籤從另一個站點嵌入內容？" class="phphistorical_Version2_mids_title">如何使用HTML iframe標籤從另一個站點嵌入內容？</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 04, 2025 am 03:17 AM</span>
<p class="Articlelist_txts_p">使用標籤可以將其他網站內容嵌入到自己的網頁中，基本語法為：，可添加width、height和style="border:none;"等屬性控制外觀；為了實現(xiàn)響應式佈局，可通過百分比設置尺寸或使用容器結合padding和絕對定位保持寬高比，同時注意跨域限制、加載性能、SEO影響及安全策略等注意事項；常見用途包括嵌入地圖、第三方表單、社交媒體內容及內部系統(tǒng)集成。</p>
</div>
</div>
<a href="http://www.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<footer>
<div id="377j5v51b" class="footer">
<div id="377j5v51b" class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>公益線上PHP培訓，幫助PHP學習者快速成長！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://www.miracleart.cn/zh-tw/about/us.html">關於我們</a>
<a href="http://www.miracleart.cn/zh-tw/about/disclaimer.html">免責聲明</a>
<a href="http://www.miracleart.cn/zh-tw/update/article_0_1.html">Sitemap</a>
</div>
<div id="377j5v51b" class="footerbottom">
<p>
? php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="qm2yw" class="pl_css_ganrao" style="display: none;"><ul id="qm2yw"></ul><option id="qm2yw"></option><object id="qm2yw"><samp id="qm2yw"><object id="qm2yw"></object></samp></object><code id="qm2yw"><dl id="qm2yw"><abbr id="qm2yw"></abbr></dl></code><del id="qm2yw"></del><td id="qm2yw"><acronym id="qm2yw"><object id="qm2yw"></object></acronym></td><wbr id="qm2yw"></wbr><wbr id="qm2yw"></wbr><input id="qm2yw"></input><small id="qm2yw"></small><dd id="qm2yw"></dd><abbr id="qm2yw"><dl id="qm2yw"><bdo id="qm2yw"></bdo></dl></abbr><nav id="qm2yw"><abbr id="qm2yw"><pre id="qm2yw"></pre></abbr></nav><pre id="qm2yw"></pre><acronym id="qm2yw"><small id="qm2yw"><rt id="qm2yw"></rt></small></acronym><tr id="qm2yw"><menu id="qm2yw"><rt id="qm2yw"></rt></menu></tr><center id="qm2yw"></center><del id="qm2yw"></del><wbr id="qm2yw"></wbr><wbr id="qm2yw"></wbr><sup id="qm2yw"></sup><dfn id="qm2yw"><center id="qm2yw"><nav id="qm2yw"></nav></center></dfn><em id="qm2yw"><wbr id="qm2yw"><center id="qm2yw"></center></wbr></em><tfoot id="qm2yw"></tfoot><li id="qm2yw"></li><code id="qm2yw"></code><tr id="qm2yw"></tr><tfoot id="qm2yw"><kbd id="qm2yw"><wbr id="qm2yw"></wbr></kbd></tfoot><th id="qm2yw"></th><strike id="qm2yw"></strike><dfn id="qm2yw"></dfn><acronym id="qm2yw"><menu id="qm2yw"><code id="qm2yw"></code></menu></acronym><rt id="qm2yw"></rt><small id="qm2yw"></small><cite id="qm2yw"></cite><source id="qm2yw"></source><tbody id="qm2yw"><cite id="qm2yw"><blockquote id="qm2yw"></blockquote></cite></tbody><rt id="qm2yw"></rt><li id="qm2yw"><tbody id="qm2yw"><blockquote id="qm2yw"></blockquote></tbody></li><tfoot id="qm2yw"></tfoot><nav id="qm2yw"></nav><tr id="qm2yw"><tbody id="qm2yw"><rt id="qm2yw"></rt></tbody></tr><kbd id="qm2yw"><cite id="qm2yw"><blockquote id="qm2yw"></blockquote></cite></kbd><delect id="qm2yw"><abbr id="qm2yw"><center id="qm2yw"></center></abbr></delect><small id="qm2yw"></small><wbr id="qm2yw"></wbr><pre id="qm2yw"><abbr id="qm2yw"><small id="qm2yw"></small></abbr></pre><nav id="qm2yw"><bdo id="qm2yw"><wbr id="qm2yw"></wbr></bdo></nav><source id="qm2yw"><ul id="qm2yw"><menu id="qm2yw"></menu></ul></source><ul id="qm2yw"></ul><tbody id="qm2yw"></tbody><sup id="qm2yw"><menu id="qm2yw"><th id="qm2yw"></th></menu></sup><sup id="qm2yw"></sup><tfoot id="qm2yw"><em id="qm2yw"><tfoot id="qm2yw"></tfoot></em></tfoot><nav id="qm2yw"></nav><noframes id="qm2yw"><fieldset id="qm2yw"><acronym id="qm2yw"></acronym></fieldset></noframes><tr id="qm2yw"></tr><kbd id="qm2yw"></kbd><optgroup id="qm2yw"><s id="qm2yw"><tbody id="qm2yw"></tbody></s></optgroup><abbr id="qm2yw"></abbr><source id="qm2yw"><td id="qm2yw"><button id="qm2yw"></button></td></source><sup id="qm2yw"><samp id="qm2yw"><small id="qm2yw"></small></samp></sup><li id="qm2yw"></li><strong id="qm2yw"><menu id="qm2yw"><code id="qm2yw"></code></menu></strong><sup id="qm2yw"></sup><blockquote id="qm2yw"></blockquote><dd id="qm2yw"></dd><em id="qm2yw"></em><td id="qm2yw"></td><nav id="qm2yw"></nav><blockquote id="qm2yw"></blockquote><bdo id="qm2yw"></bdo><fieldset id="qm2yw"><source id="qm2yw"><th id="qm2yw"></th></source></fieldset><tr id="qm2yw"></tr><cite id="qm2yw"></cite><dfn id="qm2yw"><button id="qm2yw"><th id="qm2yw"></th></button></dfn><center id="qm2yw"></center><option id="qm2yw"></option><dfn id="qm2yw"></dfn><s id="qm2yw"><center id="qm2yw"></center></s><pre id="qm2yw"></pre><tbody id="qm2yw"></tbody><center id="qm2yw"></center><tr id="qm2yw"></tr><ul id="qm2yw"><option id="qm2yw"><tbody id="qm2yw"></tbody></option></ul><table id="qm2yw"><tbody id="qm2yw"><center id="qm2yw"></center></tbody></table><code id="qm2yw"></code><th id="qm2yw"></th><strike id="qm2yw"></strike><fieldset id="qm2yw"></fieldset><tr id="qm2yw"><fieldset id="qm2yw"><acronym id="qm2yw"></acronym></fieldset></tr><pre id="qm2yw"></pre><bdo id="qm2yw"></bdo><tbody id="qm2yw"></tbody><delect id="qm2yw"></delect><table id="qm2yw"></table><input id="qm2yw"></input><tfoot id="qm2yw"></tfoot><sup id="qm2yw"></sup><tbody id="qm2yw"></tbody><bdo id="qm2yw"><wbr id="qm2yw"><abbr id="qm2yw"></abbr></wbr></bdo><pre id="qm2yw"></pre><dfn id="qm2yw"></dfn><nav id="qm2yw"></nav><dl id="qm2yw"><strike id="qm2yw"><option id="qm2yw"></option></strike></dl><table id="qm2yw"></table><del id="qm2yw"></del><source id="qm2yw"><td id="qm2yw"><li id="qm2yw"></li></td></source><abbr id="qm2yw"></abbr><pre id="qm2yw"><dl id="qm2yw"><tr id="qm2yw"></tr></dl></pre><pre id="qm2yw"></pre><tbody id="qm2yw"></tbody><center id="qm2yw"></center><td id="qm2yw"></td><pre id="qm2yw"></pre><optgroup id="qm2yw"><strike id="qm2yw"><option id="qm2yw"></option></strike></optgroup><noframes id="qm2yw"></noframes><pre id="qm2yw"></pre><nav id="qm2yw"></nav><input id="qm2yw"></input><del id="qm2yw"></del><tr id="qm2yw"></tr><bdo id="qm2yw"></bdo><center id="qm2yw"></center><blockquote id="qm2yw"></blockquote><s id="qm2yw"><ul id="qm2yw"><code id="qm2yw"></code></ul></s><pre id="qm2yw"></pre><code id="qm2yw"></code><object id="qm2yw"><dfn id="qm2yw"><tr id="qm2yw"></tr></dfn></object><tbody id="qm2yw"></tbody><s id="qm2yw"></s><button id="qm2yw"><code id="qm2yw"><tr id="qm2yw"></tr></code></button><fieldset id="qm2yw"><acronym id="qm2yw"><small id="qm2yw"></small></acronym></fieldset><code id="qm2yw"></code><sup id="qm2yw"><button id="qm2yw"><object id="qm2yw"></object></button></sup><button id="qm2yw"><code id="qm2yw"><pre id="qm2yw"></pre></code></button><center id="qm2yw"></center><source id="qm2yw"></source><center id="qm2yw"></center><dl id="qm2yw"><pre id="qm2yw"><s id="qm2yw"></s></pre></dl><ul id="qm2yw"><table id="qm2yw"><th id="qm2yw"></th></table></ul><dd id="qm2yw"></dd><small id="qm2yw"><dfn id="qm2yw"><kbd id="qm2yw"></kbd></dfn></small><sup id="qm2yw"></sup><th id="qm2yw"></th><option id="qm2yw"></option></div>
</html> |