整合營銷服務商

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

          免費咨詢熱線:

          重蔚的php學習第二天之HTML篇

          .昨日回顧

          服務器軟件:Apache、IIS

          瀏覽器是一個翻譯官,是一個解釋器。瀏覽器可以翻譯有HTML、CSS、JavaScript。

          服務器端腳本程序:PHP、 .net、JSP、c#等

          .php文件要由PHP腳本引擎來進行處理。

          網站前臺(客戶端) 網站后臺(服務器端) 數據庫

          HTML(結構) PHP MySQL

          CSS JSP Oracle

          JavaScript .net SqlServer

          HTML結構:主要來說明,哪個地方是標題,哪個地方是段落,哪個地方是表格,哪個地方是表單。

          CSS表現(格式):主要功能是,給相對應的HTML標記定義各種各樣的格式。

          JavaScript行為:主要用于與計算機網頁進行交互(交流)。

          塊元素和行內元素

          塊元素:寬度單獨占一個通欄寬,塊元素的前臺的其它元素,都要另起一行來排。

          比如:<p> <pre> <hr> <h1>……<h6> <ul> <ol> <li>

          DIV和SPAN就是一個容器,容器中可以存放任何可以存放在<body>中的內容或標記。

          行內元素:行內元素沒有寬度和高度的概念,也就是說通過CSS無法給行內元素增加寬和高。多個行內元素會放在同一行,不會另起一行來排版。

          2.<marquee></marquee>滾動字幕標記:塊元素

          Direction:滾動的方向,取值:left、right、up、down

          Behavior:滾動的方式,取值:scroll(滾動)、 alternate(彈動)、 slide(滾動一次)

          Width:滾動的區域寬度,取值:px或%

          Height;滾動的區域高度

          bgColor:背景顏色,如:bgcolor=“#FF0000” bgcolor=“rgb(255,0,0)”

          scrollAmount:滾動步長值,一步走多遠,值越大,走的越快

          scrollDelay:兩次滾動的間隔時間,以毫秒為單位 1秒=1000毫秒

          3.計算機進制

          進制,就是一種進位方法。

          10進制:有10個基本數,0、1、2、3、4、5、6、7、8、9,運算規則是:逢十進一

          例如:9 10 19 20 29 30

          2進制:有2個基本數,0、 1,運算規則是:逢二進一。比如:(10)2 11 100 101 110

          8進制:有8個基本數,0、1、2、3、4、5、6、7,運算規則是:逢八進一。比如:(17)8 20 21 26 27 30

          因為二進制太長,不方便記憶,因此小型機引入了八進制,八進制可以很好的反應二進制。

          因此,一個八進制數,用3位二進制數來表示。

          基R=2^3

          16進制:有16個基本數,0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F,運算規則是:逢16進一

          比如:EF F0 F1 F2 FE FF (100)16

          16進制的一位對應4位二進制。基R=2^4

          10進制12345678910111213141516171819
          2進制1101110010111011110001001101010111100
          8進制1234567101112131415161720
          16進制123456789ABCDEF10111213

          十進制轉成二進制

          分為整數部分和小數部分,分別轉換。比如:將(10.125)10轉成二進制? 1010.001

          (1)整數部分轉成二進制:2取余法。每次將整數除以2,取余數,一直除下去,直到整數部分(商)為0。最后讀數時,從下往上讀取。

          N整數10余數
          第1次10/250
          第2次5/221
          第3次2/210
          第4次1/201最后結果為:1010

          (2)小數部分轉成二進制:2除整法。每次將小數部分乘以2,取整數,一直乘下去,直到小數部分為0。最后讀數時,從上往下讀取。

          N小數0.125整數
          第1次0.125*20.250
          第2次0.25*20.50
          第3次0.5*21.01
          最后結果為:001

          二進制轉成十進制

          不分整數部分和小數部分,按權相加法。換句話說:二進制上的每一位,乘以所在位權(也就是2的幾次方),最后將各個位的乘相加,就能得到十進制。

          1010.001 = 1*2^3 + 0*2^2 + 1*2^1 + 0*2^0 + 0*2^-1 + 0*2^-2 + 1*2^-3 = 8+2+ 1/8 = 10+0.125 = 10.125

          4.計算機編碼介紹(字符集)

          計算機只能二進制,比如:a-z、A-Z、0-9、標點符號,計算機都不能直接識別。每個人都可以來約定一套字符編碼(比如:a用二進制100表示,b用二進制101表示,c用二進制的110表示等)

          計算機是由美國人發明的,美國標準化局同樣制定了一套統一的編碼,叫ASCII碼。

          ASCII

          ASCII編碼用7位或8位(1個字節)二進制來表示,共可以表示128或256個字符。包括:大小寫字母、數字、標點符號、圖形符號等。

          5.ANSI編碼

          每個國家都想讓計算機能顯示或處理本國的語言,都對ASCII碼進行了擴展。

          在中國(簡體字),ANSI編碼是指GB2312或GBK。

          在臺灣(繁體字),ANSI編碼是指BIG5

          在日本,ANSI編碼是指JIS。

          ……

          注意:ANSI編碼是跟隨操作一齊安裝的,也就是,安裝了中文操作系統后,它的默認編碼就是GB2312。

          6.GB2312編碼

          GB2312是中國標準化局,在1980年制定的一套顯示簡體中文的編碼。

          GB2312是用2個字節來顯示。共可以表示2^16=256*256=65536個字符。

          GB2312共保存了6763個常用漢字,一級漢字3700個。

          GBK編碼

          對GB2312進行了擴充,可以顯示人名、古漢語中的一些罕見字等。

          GBK也是用2個字節來表示。共存儲了2.3萬個左右的中文字符。

          GBK的范圍,要比GB2312大的多。

          BIG5編碼

          BIG5用于臺灣、香港、澳門地區的繁體中文編碼。

          Unicode編碼

          用4個字節表示字符,共可以表示42個億個字符。

          Unicode編碼可以顯示世界上所有國家的語言。

          缺點:文件龐大,效率不高,不利于推廣。

          UTF-8統一格式轉換

          它會自動根據不同的字符,來選擇不同編碼長度。

          7.<meta>標記

          <meta>標記是設置一些網頁文件頭方面的信息。主要包括:網頁編碼或字符集設置、網頁關鍵字、網頁描述、網頁刷新跳轉等。相當于一封信的信封,信封有地址、郵編等重要。

          <head>標記中的內容在瀏覽器中,是不可見的。

          主要用兩個常用的屬性:

          http-equiv:主要設置一些控制信息,屬性值是固定的。比如:content-type

          name:一般用于設置網頁描述信息,像關鍵字、網頁描述、網頁版權、作者等,屬性值是固定的。比如:keywords

          content:是具體的參數或內容,與http-equiv和name屬性進行對應。

          (1)設置網頁的字符集或編碼

          <meta http-equiv=“content-type” content=“text/html;charset=GBK”>

          (2)設置網頁刷新或跳轉

          <meta http-equiv=“refresh” content=“5”> 表示每隔5秒鐘,刷新網頁

          <meta http-equiv=“refresh” content=“5;url=http://www.baidu.com”> 表示5秒鐘后,跳轉到百度網

          注意:刷新功能相當于瀏覽器中的刷新按鈕

          (3)設置網頁關鍵字(SEO優化),給搜索引擎(搜索機器人)使用

          <meta name=“keywords” content=“程序開發,平面設置,空間域名,網站維護”>

          (4)設置網頁描述信息(SEO優化)

          <meta name=“description” content=“廣州網站建設思優網絡公司,提供專業廣州網站制作及網站推廣相結合的建站方案,由專業廣州網站設計人員結合搜索引擎優化經驗為您設計網站;廣州網頁設計:020-87537332”>

          8.XHTML

          XHTML是可擴展超文本標注語言,XHTML是更純凈的HTML,語法更嚴格。

          XHTML的目的是為了取代HTML4.01。

          XHTML是W3C的一個標準或規范。

          編寫XHTML的規范,與HTML編寫有何不同?

          1)所有的標記都必須被關閉。比如:<br>轉換<br /> <hr>轉換后 <hr />

          2)XHTML要求所有的標記名稱必須小寫。比如:<meta><table><img><font>

          3)XHTML要求所有的屬性名必須小寫,屬性值必須加引號

          4)XHTML要求所有的屬性必須有值

          <hr noshade=noshade />

          <input type=radio checked=checked />

          5)所有的標記要順序嵌套,不能交叉嵌套;

          6)XHTML文件,必須要有DTD文檔類型定義;

          DTD(Document Type Define)文檔類型定義

          (1)嚴格型Strict

          要求HTML代中,不能存在任何的表現,用CSS去代替。比如:<font>、bgcolor、background等

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

          2)過渡型transitional

          可以使用任何表現的標記或屬性。

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          (3)框架型Frameset

          制作框架網頁時使用的一種類型,框架主要用于網站的后臺管理。

          框架技術:是將一個瀏覽器窗口劃分成不同區域,每個區域(窗口)都可以顯示一個獨立的網頁。(HTML第四天單獨講框架,現在作個了解

          9.W3C簡介

          W3C是萬維網聯盟,是一個國際性的非盈利性組織,是WEB領域最具權威性的組織。已經制定多達200多項的標準。

          比如:XHTML、CSS、ECMAScript(JavaScript)、DOM、 XML等。

          10.超級鏈接

          超級鏈接的功能:就是點擊某個鏈接,可以跳轉到目標頁面或文件。

          超級鏈接的分類:

          (1)按內容分類:文本鏈接、圖片鏈接、多媒體等

          (2)按URL分類:相對URL、絕對URL、錨點

          URL,指網址或路徑

          URL(Uniform Resource Locator,統一資源定位器),也就是指互聯網地址。

          http://www.sina.com.cn/about/index.html

          第一個部分:協議,指訪問什么類型的服務器,如:http://FTP://news://

          第二個部分:主機名或主機的IP地址。如:www.sina.com.cn

          第三個部分:文件夾名,如:about

          第四個部分:文件名,如:index.html

          11.<a></a>超級鏈接的標記

          格式:<a 屬性=“屬性值”>新浪網</a>

          常用的屬性:

          Href:指鏈接的目標文件或網址。比如:href=“http://www.toutiao.com”

          Target:指目標文件的打開方式。

          _blank:在新窗口中,來打開目標文件;

          _self:在當前窗口中,來打開目標文件;

          _top:在最頂層窗口中,來打開目標文件(在框架中講);

          _parent:在父窗口中,來打開目標文件(在框架中講)

          Name:設置錨點的名稱。錨點是指:鏈接到同一個頁面的不同部分

          舉例:<a href=http://www.toutiao.com target=“_blank”>頭條號</a>

          12.相對路徑和絕對路徑

          絕對URL:它總是以file:///協議開頭,去訪問目標文件。

          如果將當前文件移動到其它地方,這個絕對URL路徑不需要修改。

          絕對URL,只需要確定目標文件的路徑即可,與當前文件位置無關。

          例如:<a href=“file:///E:/itcast/20140510/lesson/day2/4.html”>本地絕對路徑</a>

          相對URL:要確定當前文件與目標文件的關系。

          關系分為三種:

          平級關系:直接寫目標文件的文件名即可。

          下級關系:也就是目標文件所在的文件夾與當前文件是平級關系,當前文件與目標文件是上下級關系。

          上級關系:目標文件位于上一層級。

          ../代表上一層文件夾

          ../../代表上二層文件夾

          ../../images/01.jpg

          提示:在制作網站時,一般使用的都是相對路徑。

          (3)下載鏈接:如果鏈接到的文件,網頁不能直接執行的話,都會出現下載提示。

          瀏覽器可以直接執行的文件:.gif、.jpg、.png、html、.htm、.mp3、.swf等

          (4)郵箱鏈接:mailto:beijing2000@126.com

          13.錨點鏈接:指鏈接到一個網頁的不同地方

          第一步:定義一個錨點或標記 <a name=“top”></a>

          第二步:鏈接到錨點或標記 <a href=“#top”>返回頂部</a>

          <a href=“intro.html#bottom”>鏈接到intro.html的底部</a>

          14.<img>圖片標記,單邊標記

          格式:<img 屬性=“屬性值” />

          常用的屬性:

          Src:指圖片的URL,可以是相對路徑,也可以是絕對路徑。

          Width:指圖片的寬度,單位px或%

          Height:指圖片的高度

          Align:圖片的水平對齊方式,取值:left center right ,leftright可以實現圖文混排

          Alt:如果圖片不存在時,顯示的提示信息

          Hspace:圖片左右的距離

          Vspace:圖片上下的距離

          舉例:<img src=“images/01.gif” width=“400” height=“300” alt=“寶寶圖片” />

          如果保證圖片在調整過程中不變形(等比例縮放):只需要設置widthheight其中一個即可,另一個會自動縮放。

          TML是一種用來描述網頁的標記性語言。學習HTML可能并不難,主要是要記一些HTML標簽和標簽代表的含義。下面PHP程序員雷雪松根據使用的情況,整理出平時常用的HTML標簽。

          HTML基礎之HTML常用標簽-PHP程序員雷雪松的博客

          1、最基本的HTML結構

          <!--<!DOCTYPE> 是HTML5聲明,<!DOCTYPE> 必須是 HTML 文檔的第一行,位于 <html> 標簽之前。<!DOCTYPE>是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。-->

          <!DOCTYPE html>

          <html>

          <!-- head標簽是所有頭部元素的容器。head標簽內的元素可包含腳本、樣式表和提供頁面的元信息等等。以下標簽都可以添加到 head 部分:title、base、link、meta、script 以及style。頭部的內容不會顯示在瀏覽器的。 -->

          <head>

          <!-- 設置字符集,如果字符集不對,可能導致亂碼。一般建議utf-8國際編碼 -->

          <meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />

          <!-- SEO相關標簽,title定義文檔的標題,百度建議一般不要超過32位,meta定義頁面關鍵詞和頁面的描述-->

          <title>網頁標題</title>

          <meta name="keywords" content="PHP程序員,技術博客,個人博客,雷雪松" />

          <meta name="description" content="PHP程序員,雷雪松(Raykaeso)的博客是一個優秀的個人技術博客。PHP程序員雷雪松的博客記錄了Linux學習,PHP開發與編程,Web前端開發,MySQL學習和教程,NoSQL數據庫教程以及個人的人生經歷和觀點。" />

          <link rel="stylesheet" type="text/css" href="main.css" />

          <script type="text/javascript" src="main.js"></script>

          </head>

          <!-- 正文部分,所有在瀏覽器上可見的內容必須寫在body標簽內部 -->

          <body>

          </body>

          </html>

          2、最常用的HTML標簽

          a、布局標簽

          div標簽定義文檔中的分區或節(division/section),可以把文檔分割為獨立的、不同的部分,主要用于布局。

          aside標簽的內容可用作文章的側欄,<span style="color: #ff0000;">html5新增標簽</span>。

          header標簽定義頁面的頭部(介紹信息),<span style="color: #ff0000;">html5新增標簽</span>。

          section標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分,<span style="color: #ff0000;">html5新增標簽</span>。

          footer 標簽定義文檔或節的頁腳,通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等等,<span style="color: #ff0000;">html5新增標簽</span>。

          article標簽規定文章獨立的其他內容,比如:標題、內容、評論,<span style="color: #ff0000;">html5新增標簽</span>。

          b、文本標簽

          h1-h6標簽可定義標題

          p標簽定義段落

          b/strong標簽加粗

          em標簽來表示強調的文本,斜體

          strong標簽表示重要文本

          u標簽下劃線

          s標簽刪除線

          br標簽表示回車換行

          hr標簽表示水平線

          span標簽被用來組合文檔中的行內元素。

          blockquote標簽表示塊引用

          pre標簽可定義預格式化的文本,保持原有格式的一種標簽。

          sub標簽下標,

          sup>標簽上標

          &nbsp;表示一個空格

          &copy;表示版權符

          &lt;表示<

          &gt;表示>

          c、a標簽定義超鏈接,指定頁面間的跳轉。鏈接可以指向外部鏈接或者頁面內部id錨點,可以在當前頁面打開,新開窗口。

          <a href="指向的鏈接地址或者網址#ID名" target="_blank|_self|_top|_parent">百度</a>

          d、多媒體標簽

          img標簽主要在網頁中插入圖像,可以定義圖片替換文本、顯示寬度和高度、是否帶邊框,建議等比例設置,否則圖像會變形。

          <img src="圖片地址" alt="替換文本,圖片打不開的時候顯示" width="圖片寬度" height="高度" border="0" />

          audio標簽定義聲音,比如音樂或其他音頻流。<span style="color: #ff0000;">html5新增標簽</span>。

          <audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>

          video標簽定義視頻,比如電影片段或其他視頻流。<span style="color: #ff0000;">html5新增標簽</span>。

          <video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標簽。</video>

          e、序列化標簽

          ul和li無序列表標簽

          <ul>

          <li>HTML</li>

          <li>JS</li>

          <li>PHP</li>

          </ul>

          ol和li有序列表標簽,可以使用type屬性規定有序列表符號的類型。1 按數字有序排列,為默認值,(1、2、3、4);a 按小寫字母有序排列,(a、b、c、d);A 按字母大寫有序排列,(A、B、C、D)。i 按小寫羅馬字母有序,(i, ii, iii, iv);I 按小寫羅馬字母有序,(I, II, III, IV)。

          <ol>

          <li>HTML</li>

          <li>JS</li>

          <li>PHP</li>

          </ol>

          dl標簽定義了定義列表(definition list),dl標簽用于結合 dt(定義列表中的項目)和 dd(描述列表中的項目)。

          <dl>

          <dt>計算機</dt>

          <dd>用來計算的儀器 ... ...</dd>

          </dl>

          f、表格標簽

          table標簽和tr標簽,th標簽和td標簽,合并單元格。

          <table width="100%" height="193" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000" bgcolor="#000000" background="">

          <tr>

          <th>標題</th>

          <th>標題</th>

          </tr>

          <tr>

          <!-- 合并橫向單元格 -->

          <td colspan="2" nowrap="nowrap">&amp;nbsp;</td>

          </tr>

          <tr>

          <td></td>

          <!-- 合并縱向單元格 -->

          <td rowspan="2"> </td>

          </tr>

          <tr>

          <td height="16"> </td>

          </tr>

          </table>

          g、表單標簽

          form標簽定義提交方式、提交地址、表單字符集以及如何對其進行編碼,需要提交的表單一定要放在form標簽內。

          <form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址"></form>

          input標簽用于搜集用戶信息

          <input name="userName" type="text" maxlength="5" size="100" value="asdfasdfasfd" />

          密碼,輸入的字符會被掩碼(顯示為星號或原點)

          <input name="pwd" type="password" maxlength="5" size="100" value="" />

          文件類型的表單,上傳文件時,form表單一定要設置為enctype="multipart/form-data"

          <input type="file" name="file" />

          隱藏表單

          <input type="hidden" name="country" value="China" />

          提交

          <input type="submit" name="Submit" value="提交" disabled="disabled" />

          重置

          <input type="reset" name="Submit2" value="重置" />

          radio單選

          <input name="sex" type="radio" value="1" />男

          <input name="sex" type="radio" value="2" checked="checked" />女

          checkbox多選

          <input name="skill" type="checkbox" value="1" checked="checked" />PHP

          <input name="skill" type="checkbox" value="2" />前端

          <input name="skill" type="checkbox" value="2" />數據庫

          <span style="color: #ff0000;">注:checked="checked"可以簡寫成checked</span>

          label標簽為input元素定義標注,如果您點擊label元素文本,就會觸發此input控件。

          textarea標簽,設置文本區內的可見行數和寬度

          <textarea name="content" cols="30" rows="10">大段文本輸入框</textarea>

          button標簽定義一個按鈕

          提交按鈕

          <button type="submit" value="提交">提交</button>

          重置按鈕

          <button type="reset" value="重置">重置</button>

          select標簽和option標簽下拉列表

          單選菜單列表框

          <select name="user">

          <option value="1">ray</option>

          <option value="2" selected="selected">raykaeso</option>

          </select>

          多選列表下拉框,shift加鼠標單擊,可以連續選擇多個選擇,CTRL+鼠標點擊,可以點擊多個。

          <select name="user" size="10" multiple="multiple">

          <option value="1">雷雪松</option>

          <option value="2" selected="selected">ray</option>

          <option value="3">raykaeso</option>

          </select>

          注:selected="selected"可簡寫成selected,表示選中

          3、其他HTML事項

          a、HTML標簽和屬性是不區分大小寫的,建議HTML標簽和屬性都小寫,屬性值必須用雙引號包圍。

          b、HTML標簽都是以開始標簽起始,以結束標簽終止。大部分HTML標簽都是成對出現的,稱為雙標簽,比如:p標簽、div標簽,也有的HTML標簽在開始標簽中結束的標簽,稱為單標簽,比如:hr標簽、br標簽。大多數 HTML 元素可擁有屬性,文本內容都是寫在開始標簽與結束標簽之間。

          c、HTML標簽之間盡量縮進與換行,每行代碼不要過長,方便閱讀和維護。

          d、HTML標簽使用必須符合標簽嵌套規則。禁止a標簽嵌套a標簽,p標簽嵌套div標簽。

          e、建議不使用HTML已經廢棄的或者不贊成使用的標簽,少使用table布局、iframe框架嵌套以及flash播放器。

          來源:PHP程序員雷雪松的博客 -HTML基礎之HTML常用標簽(http://www.leixuesong.cn/2045)

          網頁設計中,選擇器用于選擇 HTML 元素。類選擇器(class selector)是 CSS 中用于選擇具有特定類名的元素的有效工具。它們允許您按照類名對元素應用樣式。

          了解類選擇器

          類選擇器是利用類名來選擇 HTML 元素的 CSS 選擇器。它們以 period (.) 開頭,并跟隨類名的名稱。例如:

          css

          .highlight {

          color: red;

          }

          此代碼將為有 `class="highlight"` 的元素設置紅色文本顏色。

          基本語法

          類選擇器的基本語法如下:

          css

          .class_name {

          /* 樣式屬性 */

          }

          * `class_name` 是類名。

          * `{}` 包含要為元素應用的樣式屬性。

          常見類型的類選擇器

          * 基本類選擇器:使用基類名選擇元素。

          * 多個類選擇器:使用多個類名選擇多個元素。

          * 嵌套類選擇器:使用嵌套類名選擇嵌套元素。

          * 通配符選擇器:使用通配符 `*` 選擇所有元素。

          最佳實踐

          * 避免使用多個不同的類名。

          * 確保類名?短且有意義。

          * 組織和命名類名以保持代碼可讀性。

          常見問題

          * 沒有前綴:類名不需要任何前綴。

          * 類名大小寫:大寫和小寫對 CSS 選擇器不起作用。

          * 文本內容不匹配:類選擇器不使用文本內容進行選擇。

          結論

          類選擇器是 CSS 中一個強大的工具,用于制作精壯的網站。通過利用類選擇器,您可以輕松地對具有特定類名的元素應用自定義樣式。了解如何使用類選擇器可以提升您的 CSS 技能,并創建更專業的網頁。


          主站蜘蛛池模板: 无码一区二区三区爆白浆| 精品一区二区三区自拍图片区| www一区二区三区| 国产福利电影一区二区三区久久久久成人精品综合 | 日本不卡免费新一区二区三区| 亚洲色精品VR一区区三区 | 四虎永久在线精品免费一区二区| 精品在线视频一区| 日本夜爽爽一区二区三区| 久久精品视频一区二区三区| 精品不卡一区二区| 日韩十八禁一区二区久久| 国模私拍一区二区三区| 波多野结衣一区二区免费视频| 中文字幕一区二区三区精华液| 亚洲av成人一区二区三区在线播放| 在线精品动漫一区二区无广告| 精品国产一区在线观看| 国产高清在线精品一区| 久久久不卡国产精品一区二区| 日本免费一区二区三区四区五六区 | 色一乱一伦一图一区二区精品| 色一情一乱一伦一区二区三欧美| 一区二区国产在线观看| 蜜桃无码一区二区三区| 一区二区三区久久精品| 蜜桃臀无码内射一区二区三区| 欧洲精品一区二区三区| 精品久久一区二区| 天天看高清无码一区二区三区| 亚洲熟妇av一区二区三区下载| 国产福利电影一区二区三区,日韩伦理电影在线福 | 亚洲一区二区三区免费| 狠狠色综合一区二区| 国产美女视频一区| 美日韩一区二区三区| 日韩精品一区二区三区中文 | 国产精品一区二区久久不卡| 日本韩国一区二区三区| 亚洲午夜电影一区二区三区| 手机看片一区二区|