整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 表格及實例

          可以使用 HTML 創建表格。

          實例

          表格

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p>每個表格由 table 標簽開始。</p>

          <p>每個表格行由 tr 標簽開始。</p>

          <p>每個表格數據由 td 標簽開始。</p>

          <h4>一列:</h4>

          <table border="1">

          <tr>

          <td>100</td>

          </tr>

          </table>

          <h4>一行三列:</h4>

          <table border="1">

          <tr>

          <td>100</td>

          <td>200</td>

          <td>300</td>

          </tr>

          </table>

          <h4>兩行三列:</h4>

          <table border="1">

          <tr>

          <td>100</td>

          <td>200</td>

          <td>300</td>

          </tr>

          <tr>

          <td>400</td>

          <td>500</td>

          <td>600</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          這個例子演示如何在 HTML 文檔中創建表格。

          表格邊框

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>帶有普通的邊框:</h4>

          <table border="1">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          <h4>帶有粗的邊框:</h4>

          <table border="8">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          <h4>帶有很粗的邊框:</h4>

          <table border="15">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示各種類型的表格邊框。

          表格

          表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

          <table border="1">

          <tr>

          <td>row 1, cell 1</td>

          <td>row 1, cell 2</td>

          </tr>

          <tr>

          <td>row 2, cell 1</td>

          <td>row 2, cell 2</td>

          </tr>

          </table>

          在瀏覽器顯示如下:

          row 1, cell 1 row 1, cell 2

          row 2, cell 1 row 2, cell 2

          表格和邊框屬性

          如果不定義邊框屬性,表格將不顯示邊框。有時這很有用,但是大多數時候,我們希望顯示邊框。

          使用邊框屬性來顯示一個帶有邊框的表格:

          <table border="1">

          <tr>

          <td>Row 1, cell 1</td>

          <td>Row 1, cell 2</td>

          </tr>

          </table>

          表格的表頭

          表格的表頭使用 <th> 標簽進行定義。

          大多數瀏覽器會把表頭顯示為粗體居中的文本:

          <table border="1">

          <tr>

          <th>Heading</th>

          <th>Another Heading</th>

          </tr>

          <tr>

          <td>row 1, cell 1</td>

          <td>row 1, cell 2</td>

          </tr>

          <tr>

          <td>row 2, cell 1</td>

          <td>row 2, cell 2</td>

          </tr>

          </table>

          在瀏覽器顯示如下:

          Heading Another Heading

          row 1, cell 1 row 1, cell 2

          row 2, cell 1 row 2, cell 2

          表格中的空單元格

          在一些瀏覽器中,沒有內容的表格單元顯示得不太好。如果某個單元格是空的(沒有內容),瀏覽器可能無法顯示出這個單元格的邊框。

          <table border="1">

          <tr>

          <td>row 1, cell 1</td>

          <td>row 1, cell 2</td>

          </tr>

          <tr>

          <td></td>

          <td>row 2, cell 2</td>

          </tr>

          </table>

          表格中的空單元格

          注意:這個空的單元格的邊框沒有被顯示出來。為了避免這種情況,在空單元格中添加一個空格占位符,就可以將邊框顯示出來。

          <table border="1">

          <tr>

          <td>row 1, cell 1</td>

          <td>row 1, cell 2</td>

          </tr>

          <tr>

          <td>&nbsp;</td>

          <td>row 2, cell 2</td>

          </tr>

          </table>

          在瀏覽器中顯示如下:

          row 1, cell 1 row 1, cell 2

          row 2, cell 2

          更多實例

          沒有邊框的表格

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>這個表格沒有邊框:</h4>

          <table>

          <tr>

          <td>100</td>

          <td>200</td>

          <td>300</td>

          </tr>

          <tr>

          <td>400</td>

          <td>500</td>

          <td>600</td>

          </tr>

          </table>

          <h4>這個表格也沒有邊框:</h4>

          <table border="0">

          <tr>

          <td>100</td>

          <td>200</td>

          <td>300</td>

          </tr>

          <tr>

          <td>400</td>

          <td>500</td>

          <td>600</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示一個沒有邊框的表格。

          表格中的表頭(Heading)

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>表頭:</h4>

          <table border="1">

          <tr>

          <th>姓名</th>

          <th>電話</th>

          <th>電話</th>

          </tr>

          <tr>

          <td>Bill Gates</td>

          <td>555 77 854</td>

          <td>555 77 855</td>

          </tr>

          </table>

          <h4>垂直的表頭:</h4>

          <table border="1">

          <tr>

          <th>姓名</th>

          <td>Bill Gates</td>

          </tr>

          <tr>

          <th>電話</th>

          <td>555 77 854</td>

          </tr>

          <tr>

          <th>電話</th>

          <td>555 77 855</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何顯示表格表頭。

          空單元格

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <table border="1">

          <tr>

          <td>Some text</td>

          <td>Some text</td>

          </tr>

          <tr>

          <td></td>

          <td>Some text</td>

          </tr>

          </table>

          <p>正如您看到的,其中一個單元沒有邊框。這是因為它是空的。在該單元中插入一個空格后,仍然沒有邊框。</p>

          <p>我們的技巧是在單元中插入一個 no-breaking 空格。</p>

          <p>no-breaking 空格是一個字符實體。如果您不清楚什么是字符實體,請閱讀關于字符實體的章節。</p>

          <p>no-breaking 空格由和號開始 ("&"),然后是字符"nbsp",并以分號結尾(";")。</p>

          </body>

          </html>

          [/demo]

          本例展示如何使用 "&nbsp;" 處理沒有內容的單元格。

          帶有標題的表格

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>這個表格有一個標題,以及粗邊框:</h4>

          <table border="6">

          <caption>我的標題</caption>

          <tr>

          <td>100</td>

          <td>200</td>

          <td>300</td>

          </tr>

          <tr>

          <td>400</td>

          <td>500</td>

          <td>600</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示一個帶標題 (caption) 的表格

          跨行或跨列的表格單元格

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>橫跨兩列的單元格:</h4>

          <table border="1">

          <tr>

          <th>姓名</th>

          <th colspan="2">電話</th>

          </tr>

          <tr>

          <td>Bill Gates</td>

          <td>555 77 854</td>

          <td>555 77 855</td>

          </tr>

          </table>

          <h4>橫跨兩行的單元格:</h4>

          <table border="1">

          <tr>

          <th>姓名</th>

          <td>Bill Gates</td>

          </tr>

          <tr>

          <th rowspan="2">電話</th>

          <td>555 77 854</td>

          </tr>

          <tr>

          <td>555 77 855</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何定義跨行或跨列的表格單元格。

          表格內的標簽

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <table border="1">

          <tr>

          <td>

          <p>這是一個段落。</p>

          <p>這是另一個段落。</p>

          </td>

          <td>這個單元包含一個表格:

          <table border="1">

          <tr>

          <td>A</td>

          <td>B</td>

          </tr>

          <tr>

          <td>C</td>

          <td>D</td>

          </tr>

          </table>

          </td>

          </tr>

          <tr>

          <td>這個單元包含一個列表:

          <ul>

          <li>蘋果</li>

          <li>香蕉</li>

          <li>菠蘿</li>

          </ul>

          </td>

          <td>HELLO</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何顯示在不同的元素內顯示元素。

          單元格邊距(Cell padding)

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>沒有 cellpadding:</h4>

          <table border="1">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          <h4>帶有 cellpadding:</h4>

          <table border="1"

          cellpadding="10">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何使用 Cell padding 來創建單元格內容與其邊框之間的空白。

          單元格間距(Cell spacing)

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>沒有 cellspacing:</h4>

          <table border="1">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          <h4>帶有 cellspacing:</h4>

          <table border="1"

          cellspacing="10">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何使用 Cell spacing 增加單元格之間的距離。

          向表格添加背景顏色或背景圖像

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>背景顏色:</h4>

          <table border="1"

          bgcolor="red">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          <h4>背景圖像:</h4>

          <table border="1"

          background="./imagecopy1234567890/test.gif">

          <tr>

          <td>First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td>Second</td>

          <td>Row</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何向表格添加背景。

          向表格單元添加背景顏色或者背景圖像

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h4>單元背景:</h4>

          <table border="1">

          <tr>

          <td bgcolor="red">First</td>

          <td>Row</td>

          </tr>

          <tr>

          <td

          background="./imagecopy1234567890/test.gif">

          Second</td>

          <td>Row</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何向一個或者更多表格單元添加背景。

          在表格單元中排列內容

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <table width="400" border="1">

          <tr>

          <th align="left">消費項目....</th>

          <th align="right">一月</th>

          <th align="right">二月</th>

          </tr>

          <tr>

          <td align="left">衣服</td>

          <td align="right">1.10</td>

          <td align="right">.20</td>

          </tr>

          <tr>

          <td align="left">化妝品</td>

          <td align="right">.00</td>

          <td align="right">.45</td>

          </tr>

          <tr>

          <td align="left">食物</td>

          <td align="right">0.40</td>

          <td align="right">0.00</td>

          </tr>

          <tr>

          <th align="left">總計</th>

          <th align="right">01.50</th>

          <th align="right">4.65</th>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何使用 "align" 屬性排列單元格內容,以便創建一個美觀的表格。

          框架(frame)屬性

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <p><b>注釋:</b>frame 屬性無法在 Internet Explorer 中正確地顯示。</p>

          <p>Table with frame="box":</p>

          <table frame="box">

          <tr>

          <th>Month</th>

          <th>Savings</th>

          </tr>

          <tr>

          <td>January</td>

          <td>0</td>

          </tr>

          </table>

          <p>Table with frame="above":</p>

          <table frame="above">

          <tr>

          <th>Month</th>

          <th>Savings</th>

          </tr>

          <tr>

          <td>January</td>

          <td>0</td>

          </tr>

          </table>

          <p>Table with frame="below":</p>

          <table frame="below">

          <tr>

          <th>Month</th>

          <th>Savings</th>

          </tr>

          <tr>

          <td>January</td>

          <td>0</td>

          </tr>

          </table>

          <p>Table with frame="hsides":</p>

          <table frame="hsides">

          <tr>

          <th>Month</th>

          <th>Savings</th>

          </tr>

          <tr>

          <td>January</td>

          <td>0</td>

          </tr>

          </table>

          <p>Table with frame="vsides":</p>

          <table frame="vsides">

          <tr>

          <th>Month</th>

          <th>Savings</th>

          </tr>

          <tr>

          <td>January</td>

          <td>0</td>

          </tr>

          </table>

          </body>

          </html>

          [/demo]

          本例演示如何使用 "frame" 屬性來控制圍繞表格的邊框。

          表格標簽

          表格 描述

          <table> 定義表格

          <caption> 定義表格標題。

          <th> 定義表格的表頭。

          <tr> 定義表格的行。

          <td> 定義表格單元。

          <thead> 定義表格的頁眉。

          <tbody> 定義表格的主體。

          <tfoot> 定義表格的頁腳。

          <col> 定義用于表格列的屬性。

          <colgroup> 定義表格列的組。

          頁布局對網站的外觀特別重要,布得好,留得住用戶,增收流量;布不好,用戶逃之夭夭,還順道罵兩句。大多數Web系統會借用雜志或報紙那樣排版,至于為什么這樣,我不說,你也懂的,就是產品經理吵架吵不過程序員時,常說的:用戶教育成本低。

          在HTML中,如果是數據集(像excel那種)的布局,常用<table>標簽,如果是內容塊(網站板塊)的布局,則常用<div>標簽。

          5.1 表格布局

          表格由<table>標簽來定義。每個表格均有若干行<tr>標簽和列<td>標簽組成。<td>數據單元格的內容可以包含文本、圖片、水平線、表格等內容。表格頭由<th>標簽生成。<table>標簽常用的屬性是border,用來指定邊框寬度。<th>和<td>的屬性rowspan,可指定跨行數。

          如果真的不理解表格的意義,那你打開excel,好好操作一翻,橫向合并一下單元格就知道什么是跨行了。

          <!DOCTYPE html>
          <html>
          <head>
              <meta charset="UTF-8">
              <title>第5個HTML-表格</title>
          </head>
          <body>
          <table border="1">
              <tr>
                  <th>序號</th>
                  <th>產品名稱</th>
                  <th>編號</th>
                  <th>規格</th>
              </tr>
              <tr>
                  <td>1</td>
                  <td>平板電腦</td>
                  <td>P1010</td>
                  <td>9.7英尺</td>
              </tr>
              <tr>
                  <td>2</td>
                  <td>筆記本電腦</td>
                  <td>C2111</td>
                  <td>15英尺</td>
              </tr>
          </table>
          </body>
          </html>

          輸出結果

          5.2 塊布局

          網站分塊布局,常用<div>標簽進行定義。常見網站布局為上中下,上放導航欄,中間放內容,底部放版權和友情鏈接,而它們的分割便是由<div>標簽負責的。當然,用<div>布局,需要CSS的支持才行。同表格<td>標簽一樣,<div>標簽中,也是可以嵌入<p>、<hr>等標簽的。

          <div style="color:blue">
              <h3>老陳說編程</h3>
              <p>一個當了10年技術總監的老家伙,分享多年的編程經驗。<br/>
                  想學編程的朋友,可關注:老陳說編程。<br/>
                  分享Python,前端(小程序)、App和嵌入式方面的干貨。關注我,沒錯的。</p>
          </div>

          輸出結果

          好了,有關HTML布局的內容,老陳先講這么多,如果覺得對你有所幫助,希望老鐵能轉發點贊,讓更多的人看到這篇文章。你的轉發和點贊,就是對老陳繼續創作和分享最大的鼓勵。

          一個當了10年技術總監的老家伙,分享多年的編程經驗。想學編程的朋友,可關注:老陳說編程。分享Python,前端(小程序)、App和嵌入式方面的干貨。關注我,沒錯的。

          #前端##Web##程序員##CSS##HTML5#

          TML標簽:

          基本標簽:

          <html></html>雙標簽 開頭結尾 HTML標簽為最大的標簽 稱為根標簽

          <head></head> 文檔頭部標簽 且必須設置title

          <title></title> 頁面標題

          <body></body> 文檔的主體 包含頁面的內容

          <h1>-<h6> HTML提供6個等級的頁面標題 有大到小

          <p></p> p標簽用于定義段落 可以將頁面分為若干個段落 根據窗口大小自動換行

          <br/>單標簽 換行標簽 (break打斷)

          格式化標簽:

          加粗 <strong></strong>or<b></b>

          斜線 <em></em>or<i></i>

          刪除線 <del></del>or<s></s>

          下劃線 <ins></ins>or<u></u>

          div和span標簽:

          沒有語義 屬于一種盒子 來裝內容

          <div></div> 表示分割分區 用來布局 一行一個 大盒子

          <span></span>意為跨度,跨距 一行可以哦有多個 小盒子

          圖像標簽:

          <img src="圖像路徑(url)"/> 定義頁面中的圖像

          圖像標簽包含多個屬性

          src 圖片路徑 必須屬性

          alt 文本 替換文本 圖像不能顯示的文字

          title 文本 鼠標放到圖像上顯示文字

          width 像素 寬度

          height 高度

          border 邊框

          相對路徑和絕對路徑

          相對路徑:以引用文件所在位置為參考基礎,而建立出的目錄路徑

          分類:下級路徑/ 上級路徑../

          絕對路徑:是指目錄下的絕對位置,如硬盤中的路徑或網路地址

          超鏈接標簽:

          <a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>

          href用于指定鏈接目標的url地址(必須屬性)

          target用于指定鏈接打卡方式 _self為默認值 _blank為在新窗口打開方式

          錨點鏈接:可以快速到頁面某個位置

          在鏈接文本中的href屬性中,設置屬性值為#名字的形式,如<a href="#two">目標</a>

          找到目標位置標簽,里面添加一個id屬性 = 名字,如:<h3 id="two">目標</h3>

          注釋:

          <!-- 注釋語句 --> 快捷鍵CTRL + /

          特殊字符:

          HTML 原代碼

          顯示結果

          描述

          <

          <

          小于號或顯示標記

          >

          >

          大于號或顯示標記

          &

          &

          可用于顯示其它特殊字符

          "

          引號

          ?

          ?

          已注冊

          ?

          ?

          版權

          ?

          ?

          商標



          半個空白位



          一個空白位



          不斷行的空白

          表格標簽:

          <table></table> 是用于定義表格的標簽

          <tr></tr> 標簽用于定義表格中的行,必須嵌套在<table></table>標簽中

          <tb></tb> 用于定義表格的單元格,必須嵌套在<tr></tr>標簽中

          <td> 元素中的文本通常是普通的左對齊文本。字母td指表格數據(table data),即數據單元格的內容

          表頭單元格標簽:

          <th>標簽表示HTML表格的表頭部分 <th> 元素中的文本通常呈現為粗體并且居中。

          表格屬性:

          align left center right 規定表格相對于周圍元素的對齊方式
          border 1or"" 規定表格單元是否擁有邊框默認為"",表示沒有邊框

          cellpadding 像素值 規定單元邊沿與其內容的空白,默認1像素

          cellspacing 像素值 規定單元格直接的空白 默認2像素

          with 像素值or百分比 規定表格的寬度

          合并單元表格方式:

          跨行合并:rowspan="合并單元格的個數"

          跨列合并:colspan="合并單元格的個數"

          列表標簽:

          <ul>標簽表示無序列表 里面只能包含li

          <ol>有序標簽 里面只能包含li

          <li>相當于一個容器定義列表項 與<ui>or<li>嵌套使用 li里面可以包含任何標簽

          <dl>標簽用于定義描述列表(或自定義列表),該標簽會與<dt>(定義項目和名字)和<dd>(描述每一個項目名字)一起使用

          表單標簽:

          標簽

          描述

          <form>

          定義供用戶輸入的表單

          <input>

          定義輸入域

          <textarea>

          定義文本域 (一個多行的輸入控件)

          <label>

          定義了 <input> 元素的標簽,一般為輸入標題

          <fieldset>

          定義了一組相關的表單元素,并使用外框包含起來

          <legend>

          定義了 <fieldset> 元素的標題

          <select>

          定義了下拉選項列表

          <optgroup>

          定義選項組

          <option>

          定義下拉列表中的選項

          <button>

          定義一個點擊按鈕

          <datalist>

          New

          指定一個預先定義的輸入控件選項列表

          <keygen>

          New

          定義了表單的密鑰對生成器字段

          <output>

          New

          定義一個計算結果

          <input>標簽用于收集用戶信息 包含一個type屬性 可以有多種樣式

          <input type="value">

          <input type="屬性值" />

          屬性值:

          button

          定義可點擊按鈕(多數情況下,用于通過 JavaScript 啟動腳本)。

          checkbox

          定義復選框。

          file

          定義輸入字段和 "瀏覽"按鈕,供文件上傳。

          hidden

          定義隱藏的輸入字段。

          image

          定義圖像形式的提交按鈕。

          password

          定義密碼字段。該字段中的字符被掩碼。

          radio

          定義單選按鈕。

          reset

          定義重置按鈕。重置按鈕會清除表單中的所有數據。

          submit

          定義提交按鈕。提交按鈕會把表單數據發送到服務器。

          text

          定義單行的輸入字段,用戶可在其中輸入文本。默認寬度為 20 個字符。

          <label>標簽

          <label> 標簽為 input 元素定義標注(標記)。 label是標注的意思

          label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

          <label> 標簽的 for 屬性應當與相關元素的 id 屬性相同


          詳情可參考

          https://www.runoob.com/ 菜鳥教程

          https://www.w3school.com.cn/ w3c


          主站蜘蛛池模板: 亚洲一区二区三区在线视频| 久久精品无码一区二区三区| 中文乱码精品一区二区三区| 亚洲午夜精品一区二区公牛电影院| 国产一区二区精品久久岳√| tom影院亚洲国产一区二区 | 无码午夜人妻一区二区三区不卡视频| 欧美日韩一区二区成人午夜电影| 亚洲国产综合精品中文第一区| 视频一区二区中文字幕| 日本一区频道在线视频| 日本一区二区在线播放| 精品国产日产一区二区三区| 99久久精品国产免看国产一区| 精品91一区二区三区| 一本一道波多野结衣一区| 亚洲一区二区三区播放在线| 一区二区三区视频在线观看| 无码人妻一区二区三区在线| 无码精品国产一区二区三区免费 | 无码人妻一区二区三区一| 末成年女A∨片一区二区| 亚洲乱码国产一区三区| 国产亚洲日韩一区二区三区| 中文字幕精品无码一区二区| 国产精品亚洲一区二区三区在线| 亚洲熟女一区二区三区| 无码精品视频一区二区三区| 日韩精品一区二区三区中文精品| 3d动漫精品啪啪一区二区免费| 一区二区三区国产精品| 亚洲一区二区三区在线网站| 色婷婷香蕉在线一区二区| 国产在线步兵一区二区三区| 波多野结衣一区二区三区高清av | 亚洲片一区二区三区| 熟女少妇丰满一区二区| 亚洲A∨无码一区二区三区| 久久久av波多野一区二区| 蜜桃传媒一区二区亚洲AV| 波多野结衣中文字幕一区二区三区 |