整合營銷服務商

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

          免費咨詢熱線:

          「轉行測試開發-HTML」(二)空元素、小寫標簽、屬性和具體使用

          天繼續說下HTML第二講,空元素、小寫標簽、屬性和對應的具體使用。


          先說下HTML 空元素:

          沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。

          <br> 就是沒有關閉標簽的空元素(<br> 標簽定義換行)。

          在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

          在開始標簽中添加斜杠,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

          即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。


          使用HTML小標簽:

          HTML 標簽對大小寫不敏感:<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。


          HTML屬性:

          屬性是 HTML 元素提供的附加信息。

          屬性都包含:

          HTML 元素可以設置屬性

          屬性可以在元素中添加附加信息

          屬性一般描述于開始標簽

          屬性總是以名稱/值對的形式出現,比如:name="value"。


          接著我們看一個實例:

          HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定

          <a href="http://www.liepin.com">這是一個鏈接</a>


          我們在Sublime Text上試下

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>20210815---測試開發轉型</title>

          </head>

          <body>

          <h>空元素</h>

          <p>沒有內容的 HTML 元素被稱為空元素</p>

          </body>

          <a href ="https://www.baidu.com">這是一個招聘網站</a>

          </html>

          由于 http://www.liepin.com跳轉需要的時間有點長,可能是家里網速不好, 頁面一直跳轉不成功。就修改為 www.baidu.com 這樣就可以了。點擊可以跳轉到新的網址。


          HTML 屬性常用引用屬性值

          屬性值應該始終被包括在引號內。

          雙引號是最常用的,不過使用單引號也沒有問題。

          提示: 在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='John "ShotGun" Nelson'

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感。

          不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

          而新版本的 (X)HTML 要求使用小寫屬性。


          HTML 屬性參考手冊

          下面列出了適用于大多數 HTML 元素的屬性:

          屬性描述

          class 為html元素定義一個或多個類名(classname)(類名從樣式文件引入)

          id 定義元素的唯一id

          style 規定元素的行內樣式(inline style)

          title 描述了元素的額外信息 (作為工具條使用)


          HTML 標題

          標題(Heading)是通過 <h1> - <h6> 標簽進行定義的。

          <h1> 定義最大的標題。<h6> 定義最小的標題。

          接著我們看一個實例:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>20210815---測試開發轉型</title>

          </head>

          <body>

          <h>空元素</h>

          <p>沒有內容的 HTML 元素被稱為空元素</p>

          <h1>我是最大的,你忍一下</h1>

          <h2>我是老二,你也要忍一下</h2>

          <h3>我是老三,我一般</h3>

          <h4>我是老四,我湊合</h4>

          <h5>我是老五,我忠于革命</h5>

          <h6>我是老六,我是最小的,我啥也不是</h6>

          </body>

          <a href ="https://www.baidu.com">這是一個招聘網站</a>

          </html>



          嘗試一下 ?

          注釋: 瀏覽器會自動地在標題的前后添加空行。

          可以看出,文字是越來越小的,標題越來越小。說明符合要求

          TML基本結構

          HTML基本結構

          網頁:由HTML(HyperText Markup Language)超文本標記語言所組成。文件后綴一般為.htm或.html

          靜態網頁:由html、js、css等組成,不具備交互性。后綴一般為.htm或.html

          動態網頁:在html中加入asp/asp.net/jsp/php等技術,使網頁有交互性,后綴一般為.asp/.aspx/.jsp/.php

          網站:由一個或若干個網頁、圖片、音頻、視頻、動畫、文件夾等組成的一個集合(文件夾)。

          網站中的所有文件和文件夾均不能使用漢字命名。

          首頁:也叫主頁/homepage,即打開網站時默認顯示的第一個網頁(http://www.XX.com,https://www.XX.cn),首頁名稱一般為index.html或default.html

          標題標簽:h1……h6,h1最大,h6最小

          <h1>文字</h1>

          ……

          <h6>文字</h6>

          HTML注意事項:

          1、html中的標點符號必須是英文輸入法中的標點符號

          2、HTML標簽不區分大小寫,但一般習慣小寫;Html不區分空格、空行,html標簽和屬性、屬性和屬性之間用一個空格隔開,如<p align=”center” style=”color:red;”>;屬性值一般放置在單引號或雙引號中。

          3、html標簽必須放置在尖括號<>中

          4、html標簽一般是成對出現(雙標簽),結束標簽在開始標簽的基礎上添加/,如<h1>……</h1>、<p>……</p>

          如果是單標簽則在右尖括號前加/,如<br />、<hr />、<img />

          5、Html標簽是包含關系,不要交叉書寫。如<p><b><i>文字</i></b></p>,不要書寫為<p><b><i>文字</p></b></i>

          段落:<p>……</p>

          分行:<br />

          網頁中支持的圖像格式:jpg、gif、png、bmp,其中支持背景透明的有gif和png,支持動畫的有:gif

          圖像:img

          <img src="./pic/guoqing.jpg" width="562" height="424" />

          Src:圖像的地址。 ./當前目錄下 ../向上退一級目錄 ../../向上退二級目錄 /根目錄

          Width:寬度

          Height:高度


          ntroduction

          HTML 是一種描述網頁語言, 指的是超文本標記語言 (Hyper Text Markup Language)。其中,超文本指的是網頁上可以包含圖片,視頻,連接信息。標記也叫做標簽,所以標簽書寫的是<內容>。語言就是一種交流工具,HTML 是用戶與瀏覽器之間交互工具。

          簡單說,HTML 是由瀏覽器解析執行的,它不會將 HTML 標簽展示出來,而是會解析 HTML 標簽,以特定效果展示出來。

          Syntax

          1. HTML 可以直接使用文本編輯器來編寫
          2. HTML 文件它的后綴名是 .htm 或 .html
          3. <html> 標簽它代表當前頁面是一個 HTML
          4. <head> 標簽中可以聲明 HTML 頁面的相關信息
          5. <body> 標簽中它主要是用于顯示頁面信息
          6. 標簽要有開始,有結束。開始標簽與結束標簽中的內容是標簽的內容,如果沒有標簽內容,可以讓標簽自關閉 <br/>。
          7. 大多數標簽它具有屬性,屬性值要使用引號引起來。
          8. HTML 本身是不區分大小寫的。
          <html>
              <head>HEAD</head>
              <body>BODY</body>
          </html>

          Tools

          可以使用 JetBrains WebStorm 或者 VS Code 進行開發。


          HTML Tags

          文件標簽

          <html> 代表當前書寫的是一個 HTML 文檔

          <head> 存儲的本頁面的一些重要的信息,它不會顯示

          標簽下有一個子標簽 <title> 它是用于定義頁面的標題的

          <body> 書寫的內容會顯示出來,屬性:1. text 用于設置文字顏色;2. bgcolor 用于設置頁面的背景色;3. background 用于設置頁面的背景圖片

          排版標簽

          HTML 注釋

          <!-- 注釋不會在瀏覽器中顯示 -->

          <br/> 標簽

          br 標簽就是一個換行功能標簽

          <p> 標簽

          在 p 標簽中的內容會在開始與結束之間產生一個空白行并且它會自動換行

          常用屬性 align 的作用是設置段落中的內容對齊方式,可取值有 left right center

          <hr> 標簽

          hr 標簽會在頁面上產生一個水平線

          常用屬性:

          align:可取值有 left right center 代表水平線位置

          size:代表水平線高度(厚度)

          width:代表水平線寬度

          color:水平線的顏色

          關于 HTML 中標簽屬性

          兩種方式:

          1. 直接設置值,默認單位是 px (像素) <HR WIDTH="200">
          2. 可以設置百分比 <HR WIDTH="35%">

          <div> 標簽

          Div 是一個塊標簽

          Div 與 CSS 結合,會更好對頁面進行排版

          <span> 標簽

          Span 標簽也是一個塊標簽Div 與 span 區別:Div 會自動換行,我們也叫這樣的標簽為行級元素Span 標簽它不會自動換行,我們也叫它為行內元素

          字體標簽

          <font> 標簽

          Font 標簽可以設置字體,字的大小及顏色

          常用屬性:

          Face:用于設置字體,例如 宋體 隸書 楷體

          Size:用于設置字的大小

          Color:用于設置字的顏色

          我們所看到的屏幕上所有的顏色都是由紅、綠、藍這三種基色調混合而成的。每一種顏色的飽和度和透明度都是可以變化的,用 0~255 的數值來表示。如純紅色表示為 (255,0,0),十六進制表示為 #FF0000。按這種表達方式,理論上我們可以得到 256 * 256 *256=16777216 種顏色。

          1. 使用十六進制方式,取值范圍 #000000 ~ #FFFFFF (黑色到白色)。當顏色值為 #cc3300 時,也可以使用 #c30 這種簡化的方式來表示。
          2. RGB 顏色表示法:RGB(x,y,z),x、y、z 是 0 ~ 255 之間的整數。
          3. 在線顏色選擇器:http://www.86y.org/code/colorpicker/color.html


          標題標記

          <h1> 最大 <h6> 最小,它們代表的是標題,可以使用 <b> <i> 對文字設置加粗或傾斜

          注意:在 HTML 中允許標簽進行嵌套的,但是一般都包裹嵌套,而不可以進行交叉嵌套

          清單標記(列表標記)

          有序清單:

          <!-- 有序列表 I II III-->
          <ol type="I" start="3">
              <li>張三</li>
              <li>李四</li>
              <li>王五</li>
          </ol>
          <!-- 無序列表 -->
          <ul type="square">
              <li>Java</li>
              <li>Python</li>
              <li>C#</li>
          </ul>

          圖形標簽

          <img> 可以讓我們在網頁引入一張圖片

          常用屬性

          1. src 代表的圖片的路徑
          2. width 圖片的寬度
          3. height 圖片的高度
          4. border 用于設置圖片的邊框
          5. alt 如果圖片不可以顯示時,默認顯示的文本信息
          6. align 圖片附件文字的對齊方式,取值有 :left right middle top bottom

          超連接標簽

          <a> 標簽可以實現跳轉到其它頁面操作。超鏈接內容不僅可以是文本,也可以是圖片等信息

          常用屬性

          1. href 代表的要跳轉的路徑
          2. name 屬性可以在本頁面設置一個錨點
          3. target 這個屬性規定在何處打開這個鏈接文檔,可取值:_blank _self _parent _top framename

          表格標簽

          <!-- 學習表格標簽 -->
          <table border="2" align="center" width="400px">
              <caption>學生成績單</caption>
              <tr>
                  <th>姓名</th>
                  <th>語文成績</th>
                  <th>數學成績</th>
                  <td colspan="2" align="center"><b>操作</b></td>
              </tr>
              <tr align="center">
                  <td>張三</td>
                  <td>99</td>
                  <td>100</td>
                  <td>修改</td>
                  <td>刪除</td>
              </tr>
              <tr align="center">
                  <td>李四</td>
                  <td>90</td>
                  <td>66</td>
                  <td>修改</td>
                  <td>刪除</td>
              </tr>
          </table>

          表單標簽

          通過表單可以將要提交的數據提交到指定的位置

          <!-- 表單:用戶注冊案例 -->
          <form name="form1" action="user/login" method="POST">
              <table border="1" width="64%" align="center">
                  <tr>
                      <td>用戶名:</td>
                      <td>
                          <input type="text" name="username">
                      </td>
                  </tr>
                  <tr>
                      <td>密碼:</td>
                      <td>
                          <input type="password" name="password">
                      </td>
                  </tr>
                  <tr>
                      <td>性別:</td>
                      <td>
                          <input type="radio" name="sex" checked="checked">男
                          <input type="radio" name="sex" >女
                      </td>
                  </tr>
                  <tr>
                      <td>地址:</td>
                      <td>
                          <select name="province">
                              <option value="0">--請選擇省--</option>
                              <option value="10001">廣東</option>
                              <option value="10002">上海</option>
                              <option value="10003">山東</option>
                          </select> 省
                          <select name="city">
                              <option>--請選擇市--</option>
                              <option value="1000301">廣州市</option>
                              <option>深圳市</option>
                              <option>東莞市</option>
                          </select> 市
                      </td>
                  </tr>
                  <tr>
                      <td>編程語言:</td>
                      <td>
                          <input type="checkbox" name="language" checked="checked">Java
                          <input type="checkbox" name="language">Python
                          <input type="checkbox" name="language">Go
                      </td>
                  </tr>
                  <tr>
                      <td>照片:</td>
                      <td>
                          <input type="file" name="image">
                      </td>
                  </tr>
                  <tr>
                      <td>自我介紹:</td>
                      <td>
                          <textarea name="remark" rows="5" cols="100"></textarea>
                      </td>
                  </tr>
                  <tr>
                      <td colspan="2" align="center">
                          <input type="submit" value="注冊"> 
                          <input type="reset" value="取消"> 
                      </td>
                  </tr>
              </table>
          </form>

          框架標簽

          通過框架標簽可以定制 HTML 頁面布局

          在 HTML 頁面上去描述框架信息時,不可以將 <frameset> 寫在 <body> 標簽中

          framesetTest.html

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>HTML 框架標簽</title>
              </head>
              <!-- rows 定義了三行:第一行 100 像素,第三行:100 像素;第二行:剩下的像素 -->
              <frameset rows="100, * , 100"> 
                  <frame name="topModule" src="./top.html"></frame>
                  <frameset cols="100, * ">
                      <frame name="menuModule" src="./menu.html"></frame>
                      <frame name="contentModule" src="./content.html"></frame>
                  </frameset>
                  <frame name="footModule" src="./foot.html"></frame>
              </frameset>
          </html>

          top.html

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>top</title>
              </head>
              <body>
                  <div>頭部信息</div>
              </body>
          </html>

          foot.html

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>footL</title>
              </head>
              <body>
                  <div>底部信息</div>
              </body>
          </html>

          menu.html

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>menu</title>
              </head>
              <body>
                  <div>菜單信息</div>
              </body>
          </html>

          content.html

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>content</title>
              </head>
              <body>
                  <div>內容顯示區</div>
              </body>
          </html>

          其它標簽與特殊字符

          <meta> 標簽

          <meta> 標簽必須寫在 <head> 標簽之間

          1. 它可以對頁面進行描述及熱詞設置,可以方便搜索引擎查找頁面
          2. 通過 meta 標簽設置 http 響應信息
          3. 通過 meta 標簽可以設置頁面的編碼,<meta http-equiv="Content-Type" content="text/html; charset=gbk">
          4. 通過 meta 標簽來設置頁面加載后在指定的時間后跳轉到指定的頁面,<meta http-equiv="refresh" content="5; url=http://www.baidu.com">

          <link>標簽

          使用 link 標簽來導入 CSS

          特殊字符

          詳情查看菜鳥教程:https://www.runoob.com/charsets/ref-html-ascii.html


          ?HTML DOM

          Introduction

          DOM, Document Object Model -- 文檔對象模型,是 HTML 和 XML 文檔的編程接口,以樹結構表達 HTML 文檔。

          DOM 是 W3C(萬維網聯盟)的標準。

          DOM 定義了訪問 HTML 和 XML 文檔的標準。

          W3C DOM 標準被分為 3 個不同的部分:

          • 核心 DOM - 針對任何結構化文檔的標準模型
          • XML DOM - 針對 XML 文檔的標準模型
          • HTML DOM - 針對 HTML 文檔的標準模型

          DOM Node

          DOM 是被視為節點樹的 HTML。

          根據 W3C 的 HTML DOM 標準,HTML 文檔中的所有內容都是節點:

          • 整個文檔是一個文檔節點
          • 每個 HTML 元素是元素節點
          • HTML 元素內的文本是文本節點
          • 每個 HTML 屬性是屬性節點
          • 注釋是注釋節點

          HTML DOM 將 HTML 文檔視作樹結構,這種結構被稱為節點樹。

          節點樹中的節點彼此擁有層級關系。常用父(parent)、子(child)和同胞(sibling)等術語來描述這些關系。父節點擁有子節點。同級的子節點被稱為同胞(兄弟或姐妹)。

          • 在節點樹中,頂端節點被稱為根(root)。
          • 每個節點都有父節點、除了根(它沒有父節點)。
          • 一個節點可擁有任意數量的子節點。
          • 同胞是擁有相同父節點的節點。

          DOM 方法 & 屬性

          HTML DOM 方法是可以在節點(HTML 元素)上執行的動作。

          HTML DOM 屬性是可以在節點(HTML 元素)設置和修改的值。

          可通過 JavaScript (以及其他編程語言)對 HTML DOM 進行訪問。所有 HTML 元素被定義為對象,而編程接口則是對象方法和對象屬性。方法是能夠執行的動作(比如添加或修改元素)。屬性是能夠獲取或設置的值(比如節點的名稱或內容)。

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>DOM</title>
              </head>
              <body>
                  <div id="div1">
                      <p id="p1">Hello</p>
                      <p id="p2">Hello</p>
                  </div>
                  <script>
                      // 先獲取 P 元素
                      var element = document.getElementById("p1")
                      // 直接修改 p 元素的內容
                      element.innerHTML = "此時已是修改后的內容"
          
                      // 修改 p2 標簽的樣式
                      var ele = document.getElementById("p2")
                      ele.style.color="blue"
                      ele.style.fontFamily="宋體"
                      ele.style.fontSize="larger"
          
                      // 添加元素
                      // 創建一個p元素
                      var elementP = document.createElement("p")
                      // 創建一個內容
                      var nodeText = document.createTextNode("新加的 P 元素")
                      // 把文字內容添加到p元素中
                      elementP.appendChild(nodeText)
                      // 把新創建的p元素添加div1元素中
                      var div1 = document.getElementById("div1")
                      div1.appendChild(elementP)
          
                      // 插入添加新的元素
                      // 創建一個新的元素
                      var eleP = document.createElement("p")
                      // 創建一個內容
                      var noText = document.createTextNode("在 P1 元素前添加的新元素")
                      // 把文字內容添加到 p 元素中
                      eleP.appendChild(noText)
                      // 把新創建的 p 元素添加 div 1 元素中
                      var parentDiv1 = document.getElementById("div1")
                      // 獲取指定被添加的元素
                      var p1 = document.getElementById("p1")
                      // 在元素前添加;參數說明:1.要添加的元素;2.在那個元素之前添加(指定一個元素)
                      parentDiv1.insertBefore(eleP, p1)
          
                      // 刪除元素
                      // 獲取父元素
                      var pdiv1 = document.getElementById("div1")
                      var removep1 = document.getElementById("p1")
                      // 使用父元素刪除該元素
                      pdiv1.removeChild(removep1)
                  </script>
              </body>
          </html>

          DOM 事件

          HTML DOM 允許 JavaScript 對 HTML 事件作出反應。當事件發生時,可以執行 JavaScript,比如發生用戶點擊一個 HTML 元素的事件。

          如需在用戶點擊某個元素時執行代碼,可以把 JavaScript 代碼添加到 HTML 事件屬性中:onclick=JavaScript

          HTML 事件的例子:

          • 當用戶點擊鼠標時
          • 當網頁已加載時
          • 當圖片已加載時
          • 當鼠標移動到元素上時
          • 當輸入字段被改變時
          • 當 HTML 表單被提交時
          • 當用戶觸發按鍵時
          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="UTF-8">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <meta http-equiv="X-UA-Compatible" content="ie=edge">
                  <title>DOM 事件</title>
                  <!-- JavaScript 代碼必須寫在 script 中 -->
                  <script>
                      function onLoadFun(){
                          alert("已載入...");
                      }
                      // 文本框失去焦點事件
                      function onBlurFun(){
                          alert("此方法是文本框失去焦點事件,用來校驗此文本框輸入數據的")
                      }
                      // 表單被提交時執行事件
                      function onSubmitFun(){
                          alert("此表單已提交,這個方法也可以來作為數據校驗的");
                      }
                      // 元素被改變時觸發事件
                      function onChangeFun(){
                          alert("文本框元素已輸入新的數據")
                      }
                      // 當鼠標懸停在某一個元素上時執行的方法
                      function onMouseOverFun(element){
                          element.innerHTML = "鼠標已停在H1元素上了"
                      }
                      // 當鼠標離開某一個元素時執行事件
                      function onMouseOutFun(element){
                          element.innerHTML = "鼠標已離開H1元素上了..."
                      }
                  </script>
              </head>
              <!-- 需求:當頁面被載入時,執行一個代碼,彈框提示已載入 -->
              <body onload="onLoadFun()">
                  <!-- 需求:在一個表單中有用戶名錄入的文本框,當輸入完文本框的時候進行名稱校驗,提交的時候彈框顯示 -->
                  <form onsubmit="onSubmitFun()">
                      用戶名:<input id="username" name="username" onchange="onChangeFun()" >
                      <br/>
                      <button type="submit">提交</button>
                  </form>
                  <!-- 需求:有一個 H1 標簽元素,當鼠標移動到 H1 元素上時,修改文字,當鼠標移出元素時執行事件 -->
                  <h1 onmouseover="onMouseOverFun(this)" onmouseout="onMouseOutFun(this)">我是一個標題</h1>
              </body>
          </html>


          想了解更多,歡迎關注我的微信公眾號:Renda_Zhang


          主站蜘蛛池模板: 亚洲高清一区二区三区 | 无码乱人伦一区二区亚洲| 中文字幕aⅴ人妻一区二区| 久久久久人妻一区精品色| 国产精品区一区二区三| 成人区精品人妻一区二区不卡 | 日韩人妻无码一区二区三区| 国产一区二区三区影院| 风间由美性色一区二区三区| 亚洲一区二区三区乱码A| 国产精品无码一区二区在线观| 日韩精品一区二区三区中文| 国产亚洲一区二区手机在线观看| 国产精品乱码一区二区三区 | 人妻激情偷乱视频一区二区三区| 国产精品一区12p| 国产精品伦子一区二区三区| 成人一区专区在线观看| 中文字幕一区二区三区5566| 国产一区二区三区高清视频 | 亚洲啪啪综合AV一区| 日本在线观看一区二区三区| 日本精品一区二区在线播放| 久久精品日韩一区国产二区| 欧美人妻一区黄a片| 一区二区三区无码被窝影院| 亚洲av乱码中文一区二区三区| 亚洲午夜精品一区二区麻豆| 日韩精品一区二区三区国语自制| 国产综合精品一区二区| 精品不卡一区中文字幕| 精品国产AⅤ一区二区三区4区| 精品国产一区二区三区久久蜜臀 | 99久久无码一区人妻a黑| 亚洲一区二区三区在线| 日本一区二三区好的精华液 | 亚洲国产高清在线精品一区| 无码中文人妻在线一区二区三区| 老熟女高潮一区二区三区| 亚洲香蕉久久一区二区| 国产伦精品一区二区三区精品|