整合營銷服務商

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

          免費咨詢熱線:

          HTML常用英文單詞,快來背單詞吧

          面布局(layout)

          header 頭部/頁眉;

          index 首頁/索引;

          logo 標志;

          nav/sub_nav 導航/子導航;

          banner 橫幅廣告;

          main/content 主體/內容;

          container/con 容器;

          wrapper/wrap 包裹(類似于container);

          menu 菜單;

          sub_menu/second_menu 子菜單/二級菜單;

          list 列表;

          section 分區/分塊(類似于div);

          article 文章;

          aside 側邊欄/廣告;

          footer 頁腳/底部;

          title/sub_title 標題/副標題;

          news 新聞;

          hot 熱點;

          pro 產品(product);

          company 公司;

          msg/info 信息(message)/消息;

          ads 廣告(advertisements);

          icon 小圖標;

          img 圖片(image);

          copyright 版權;

          contact_us 聯系我們;

          friend_link 友情鏈接;

          tel 聯系電話(telephone);

          address 地址;

          & nbsp; 空格(&和n之間的空格去掉,不要忘記分號);

          <br/> (文字末尾添加)換行;

          CSS樣式(style) CSS 層疊樣式表 (Cascading Style Sheets) ;

          background 背景;

          background: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變;

          position 位置/定位;

          relative/absolute/fixed 相對定位/絕對定位/固定定位;

          float 浮動;

          clear 清除;

          vertical-align: middle/top/bottom; 垂直居中/上/下;

          line-height 行高;

          margin 外邊距;

          padding 內邊距;

          border 邊框;

          solid/dashed/dotted 實線/線虛線/點虛線;

          border-radius 圓角;

          shadow 陰影;

          display 展示;

          hidden 隱藏;

          block/inline-block 塊元素/行內塊;

          overflow 溢出;

          cursor 光標;

          cursor:pointer; 鼠標移上變為小手;

          animation 動畫;

          css sprites 雪碧圖/圖片精靈;

          column 分列;

          flex 彈性(布局);

          表單(form)與表格(table)

          form 表單;

          action 行為;

          method 方式/方法;

          input 輸入框;

          label 標簽;

          password 密碼;

          radio 單選框;

          checkbox 復選框;

          btn 按鈕(button);

          submit/reset 提交/重置;

          textarea 文本域;

          select/option 選擇框/選擇項;

          placeholder 占位符(起提示作用);

          search 搜索;

          icon 小圖標;

          autofocus 自動聚焦;

          disabled 禁用;

          checked 選中(單選框/復選框);

          selected 默認選擇項(下拉選擇框);

          required 必填項;

          readonly 只讀;

          table 表格;

          thead/tbody/tfoot 表格標題/主體/底部;

          colspan 跨列;

          rowspan 跨行;

          cellspacing 單元格間距(類似于margin);

          cellpadding 單元格邊距(類似于padding);

          border-collapse: collapse; 邊框合并(用于table上);

          TML基本語法

          認識網頁

          網頁主要由文字、圖像和超鏈接等元素構成。當然,除了這些元素,網頁中還可以包含音頻、視頻以及Flash等。

          常見瀏覽器內核介紹

          瀏覽器是網頁運行的平臺,常用的瀏覽器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我們平時稱為五大瀏覽器。

          瀏覽器內核(理解)

          瀏覽器內核又可以分成兩部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。
          渲染引擎 它負責取得網頁的內容(HTML、XML、圖像等等)、整理訊息(例如加入 CSS 等),以及計算網頁的顯示方式,然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同,所以渲染的效果也不相同。
          JS 引擎 則是解析 Javascript 語言,執行 javascript語言來實現網頁的動態效果。

          最開始渲染引擎和 JS 引擎并沒有區分的很明確,后來 JS 引擎越來越獨立,內核就傾向于只指渲染引擎。有一個網頁標準計劃小組制作了一個 ACID 來測試引擎的兼容性和性能。內核的種類很多,如加上沒什么人使用的非商業的免費內核,可能會有10多種,但是常見的瀏覽器內核可以分這四種:Trident、Gecko、Blink、Webkit。

          (1)Trident(IE內核)

          國內很多的雙核瀏覽器的其中一核便是 Trident,美其名曰 "兼容模式"。

          代表: IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、獵豹安全瀏覽器、360極速瀏覽器、百度瀏覽器等。

          Window10 發布后,IE 將其內置瀏覽器命名為 Edge,Edge 最顯著的特點就是新內核 EdgeHTML。

          (2)Gecko(firefox)

          Gecko(Firefox 內核): Mozilla FireFox(火狐瀏覽器) 采用該內核,Gecko 的特點是代碼完全公開,因此,其可開發程度很高,全世界的程序員都可以為其編寫代碼,增加功能。 可惜這幾年已經沒落了, 比如 打開速度慢、升級頻繁、豬一樣的隊友flash、神一樣的對手chrome。

          (3) webkit(Safari)

          Safari 是蘋果公司開發的瀏覽器,所用瀏覽器內核的名稱是大名鼎鼎的 WebKit。

          現在很多人錯誤地把 webkit 叫做 chrome內核(即使 chrome內核已經是 blink 了),蘋果感覺像被別人搶了媳婦,都哭暈再廁所里面了。

          代表瀏覽器:傲游瀏覽器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機瀏覽器、Android 默認瀏覽器,

          (4) Chromium/Blink(chrome)

          在 Chromium 項目中研發 Blink 渲染引擎(即瀏覽器核心),內置于 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。

          ? 大部分國產瀏覽器最新版都采用Blink內核。二次開發

          (5) Presto(Opera)

          Presto(已經廢棄) 是挪威產瀏覽器 opera 的 "前任" 內核,為何說是 "前任",因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌懷抱了。

          移動端的瀏覽器內核主要說的是系統內置瀏覽器的內核。

          Android手機而言,使用率最高的就是Webkit內核,大部分國產瀏覽器宣稱的自己的內核,基本上也是屬于webkit二次開發。

          iOS以及WP7平臺上,由于系統原因,系統大部分自帶瀏覽器內核,一般是Safari或者IE內核Trident的

          Web標準(重點)

          通過以上瀏覽器的內核不同,我們知道他們工作原理、解析肯定不同,顯示就會有差別。

          Web 標準的好處

          1、讓Web的發展前景更廣闊
          2、內容能被更廣泛的設備訪問
          3、更容易被搜尋引擎搜索
          4、降低網站流量費用
          5、使網站更易于維護
          6、提高頁面瀏覽速度

          Web 標準構成

          Web標準不是某一個標準,而是由W3C和其他標準化組織制定的一系列標準的集合。

          主要包括結構(Structure)、表現(Presentation)和行為(Behavior)三個方面。

          結構標準:結構用于對網頁元素進行整理和分類,咱們主要學的是HTML。 最重要
          表現標準:表現用于設置網頁元素的版式、顏色、大小等外觀樣式,主要指的是CSS。
          行為標準:行為是指網頁模型的定義及交互的編寫,咱們主要學的是

          理想狀態我們的源碼: .HTML .css .js

          HTML 初識

          一般先學習HTML+CSS, 這里我們先定一個小目標,先學HTML,后學習CSS。

          HTML(英文Hyper Text Markup Language的縮寫)中文譯為“超文本標簽語言”。是用來描述網頁的一種語言。

          所謂超文本,因為它可以加入圖片、聲音、動畫、多媒體等內容,不僅如此,它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接。

          <h1> 我是一個大標題 </h1>

          注意: 體會 文本 標簽 語言 幾個詞語

          • HTML 指的是超文本標記語言 (Hyper Text Markup Language)
          • HTML 不是一種編程語言,而是一種標記語言 (markup language)
          • 標記語言是一套標記標簽 (markup tag)

          總結: HTML 作用就是用標記標簽來描述網頁,把網頁內容在瀏覽器中展示出來。

          用文字來描述網頁標簽

          HTML骨架格式

          日常生活的書信,我們要遵循共同的約定。

          同理:HTML 有自己的語言語法骨架格式:

          <HTML>   
              <head>     
                  <title></title>
              </head>
              <body>
              </body>
          </HTML>
          1 HTML標簽:
          
          作用所有HTML中標簽的一個根節點。 最大的標簽   根標簽
          
          2 head標簽: 文檔的頭部
          
          文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
          
          注意在head標簽中我們必須要設置的標簽是title
          
          3.title標簽: 文檔的標題
          
          作用:讓頁面擁有一個屬于自己的標題。
          
          4.body標簽:文檔的主體  以后我們的頁面內容 基本都是放到body里面的
          
          body 元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等。)

          HTML標簽分類

          在HTML頁面中,帶有“< >”符號的元素被稱為HTML標簽,如上面提到的 <HTML>、<head>、<body>都是HTML骨架結構標簽。所謂標簽就是放在“< >” 標簽符中表示某個功能的編碼命令,也稱為HTML標簽或 HTML元素

          1.雙標簽

          <標簽名> 內容 </標簽名>

          該語法中“<標簽名>”表示該標簽的作用開始,一般稱為“開始標簽(start tag)”,“” 表示該標簽的作用結束,一般稱為“結束標簽(end tag)”。和開始標簽相比,結束標簽只是在前面加了一個關閉符“/”。

          比如 <body>我是文字  </body>

          2.單標簽

          <標簽名 />

          單標簽也稱空標簽,是指用一個標簽符號即可完整地描述某個功能的標簽。

          比如  <br />

          HTML標簽關系

          標簽的相互關系就分為兩種:

          1.嵌套關系

          <head>  <title> </title>  </head>

          2.并列關系

          <head></head>
          <body></body>

          倡議: 如果兩個標簽之間的關系是嵌套關系,子元素最好縮進一個tab鍵的身位。如果是并列關系,最好上下對齊。

          文檔類型<!DOCTYPE>

          <!DOCTYPE html> 

          同學你用啥手機?你咋回答?

          這句話就是告訴我們使用哪個html版本? 我們使用的是 html 5 的版本。 html有很多版本,那我們應該告訴用戶和瀏覽器我們使用的版本號。

          <!DOCTYPE> 標簽位于文檔的最前面,用于向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標準規范,必需在開頭處使用<!DOCTYPE>標簽為所有的XHTML文檔指定XHTML版本和類型,只有這樣瀏覽器才能按指定的文檔類型進行解析。

          注意: 一些老網站可能用的還是老版本的文檔類型比如 XHTML之類的,但是我們學的是HTML5,而且HTML5的文檔類型兼容很好(向下兼容的原則),所以大家放心的使用HTML5的文檔類型就好了。

          字符集

          utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。

          gb2312 簡單中文 包括6763個漢字

          BIG5 繁體中文 港澳臺等用

          GBK包含全部中文字符 是GB2312的擴展,加入對繁體字的支持,兼容GB2312

          UTF-8則包含全世界所有國家需要用到的字符

          記住一點,以后我們統統使用UTF-8 字符集, 這樣就避免出現字符集不統一而引起亂碼的情況了。

          HTML標簽的語義化

          白話: 所謂標簽語義化,就是指標簽的含義,使用做合適的標簽做做合適的事,比如標題用 h 標簽而不是 div 標簽。

          為什么要有語義化標簽

          1. 方便代碼的閱讀和維護
          2. 同時讓瀏覽器或是網絡爬蟲可以很好地解析,從而更好分析其中的內容
          3. 使用語義化標簽會具有更好地搜索引擎優化

          核心:合適的地方給一個最為合理的標簽。

          語義是否良好: 當我們去掉CSS之后,網頁結構依然組織有序,并且有良好的可讀性。

          白話,一眼看去,就知道那個是重點,結構是什么,知道每塊的內容是干啥的。

          遵循的原則:先確定語義的HTML ,再選合適的CSS。

          HTML常用標簽

          首先 HTML和CSS是兩種完全不同的語言,我們學的是結構,就只寫HTML標簽,認識標簽就可以了。 不會再給結構標簽指定樣式了。

          HTML標簽有很多,這里我們學習最為常用的,后面有些較少用的,我們可以查下手冊就可以了。

          排版標簽

          排版標簽主要和css搭配使用,顯示網頁結構的標簽,是網頁布局最常用的標簽。

          標題標簽 (熟記)

          單詞縮寫: head 頭部. 標題 title 文檔標題

          為了使網頁更具有語義化,我們經常會在頁面中用到標題標簽,HTML提供了6個等級的標題,即

          <h1>、<h2>、<h3>、<h4>、<h5>和<h6>

          標題標簽語義:  作為標題使用,并且依據重要性遞減

          其基本語法格式如下:

          <hn>   標題文本   </hn>

          注意: h1 標簽因為重要,盡量少用,不要動不動就向你扔了一個h1。 一般h1 都是給logo使用,或者頁面中最重要標題信息。

          段落標簽( 熟記)

          單詞縮寫: paragraph 段落

          在網頁中要把文字有條理地顯示出來,離不開段落標簽,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標簽就是

          <p>  文本內容  </p>

          是HTML文檔中最常見的標簽,默認情況下,文本在一個段落中會根據瀏覽器窗口的大小自動換行。

          水平線標簽(認識)

          單詞縮寫: horizontal 橫線 [?h?r??zɑntl] 同上

          在網頁中常常看到一些水平線將段落與段落之間隔開,使得文檔結構清晰,層次分明。這些水平線可以通過插入圖片實現,也可以簡單地通過標簽來完成,


          就是創建橫跨網頁水平線的標簽。其基本語法格式如下:


          <hr />是單標簽

          在網頁中顯示默認樣式的水平線。

          換行標簽(熟記)

          單詞縮寫: break 打斷 ,換行

          在HTML中,一個段落中的文字會從左到右依次排列,直到瀏覽器窗口的右端,然后自動換行。如果希望某段文本強制換行顯示,就需要使用換行標簽

          <br />

          這時如果還像在word中直接敲回車鍵換行就不起作用了。

          div span標簽(重點)

          div span 是沒有語義的 是我們網頁布局主要的2個盒子 css+div

          div 就是 division 的縮寫 分割, 分區的意思 其實有很多div 來組合網頁。

          span, 跨度,跨距;范圍

          語法格式:

          <div> 這是頭部 </div>    <span>今日價格</span>

          文本格式化標簽(熟記)

          在網頁中,有時需要為文字設置粗體、斜體或下劃線效果,這時就需要用到HTML中的文本格式化標簽,使文字以特殊的方式顯示。

          標簽屬性

          屬性就是特性 比如 手機的顏色 手機的尺寸 ,總結就是手機的。。

          手機的顏色是黑色 手機的尺寸是 8寸

          水平線的長度是 200

          圖片的寬度 是 300 鍵 值對

          使用HTML制作網頁時,如果想讓HTML標簽提供更多的信息,可以使用HTML標簽的屬性加以設置。其基本語法格式如下:

          <標簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內容 </標簽名>

          在上面的語法中,

          1.標簽可以擁有多個屬性,必須寫在開始標簽中,位于標簽名后面。

          2.屬性之間不分先后順序,標簽名與屬性、屬性與屬性之間均以空格分開。

          3.任何標簽的屬性都有默認值,省略該屬性則取默認值。

          采取 鍵值對 的格式 key="value" 的格式

          比如:

          <hr width="400" />

          屬性 是 寬度

          值 是 400

          提倡: 盡量不使用 樣式屬性。

          圖像標簽img (重點)

          單詞縮寫: image 圖像

          HTML網頁中任何元素的實現都要依靠HTML標簽,要想在網頁中顯示圖像就需要使用圖像標簽,接下來將詳細介紹圖像標簽以及和他相關的屬性。其基本語法格式如下:

          該語法中src屬性用于指定圖像文件的路徑和文件名,他是img標簽的必需屬性。

          <img src="圖像URL" />

          鏈接標簽(重點)

          單詞縮寫: anchor 的縮寫 [???k?(r)] ?;窘忉?錨, 鐵錨 的

          在HTML中創建超鏈接非常簡單,只需用標簽環繞需要被鏈接的對象即可,其基本語法格式如下:

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

          href:用于指定鏈接目標的url地址,當為標簽應用href屬性時,它就具有了超鏈接的功能。 Hypertext Reference的縮寫。意思是超文本引用

          target:用于指定鏈接頁面的打開方式,其取值有_self和_blank兩種,其中_self為默認值,_blank為在新窗口中打開方式。

          注意:

          1.外部鏈接 需要添加 http:// www.baidu.com

          2.內部鏈接 直接鏈接內部頁面名稱即可 比如 < a href="index.html"> 首頁

          3.如果當時沒有確定鏈接目標時,通常將鏈接標簽的href屬性值定義為“#”(即href="#"),表示該鏈接暫時為一個空鏈接。

          4.不僅可以創建文本超鏈接,在網頁中各種網頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。

          錨點定位 (難點)

          通過創建錨點鏈接,用戶能夠快速定位到目標內容。
          創建錨點鏈接分為兩步:

          1.使用“a href=”#id名>“鏈接文本"</a>創建鏈接文本(被點擊的)
            <a href="#two">   
          
          2.使用相應的id名標注跳轉目標的位置。
            <h3 id="two">第2集</h3> 

          base 標簽 基本的

          base 可以設置整體鏈接的打開狀態

          base 寫到 <head> </head> 之間

          把所有的連接 都默認添加 target="_blank"

          特殊字符標簽 (理解)

          注釋標簽

          在HTML中還有一種特殊的標簽——注釋標簽。如果需要在HTML文檔中添加一些便于閱讀和理解但又不需要顯示在頁面中的注釋文字,就需要使用注釋標簽。其基本語法格式如下:
          ?

              <!-- 注釋語句 -->   ctrl + /       或者 ctrl +shift + / 

          注釋內容不會顯示在瀏覽器窗口中,但是作為HTML文檔內容的一部分,也會被下載到用戶的計算機上,查看源代碼時就可以看到。

          路徑(重點、難點)

          實際工作中,通常新建一個文件夾專門用于存放圖像文件,這時再插入圖像,就需要采用“路徑”的方式來指定圖像文件的位置。

          路徑可以分為: 相對路徑和絕對路徑

          相對路徑

          以引用文件之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當保存于不同目錄的網頁引用同一個文件時,所使用的路徑將不相同,故稱之為相對路徑。

          1. 圖像文件和HTML文件位于同一文件夾:只需輸入圖像文件的名稱即可,如<img src="logo.gif" />。
          2. 圖像文件位于HTML文件的下一級文件夾:輸入文件夾名和文件名,之間用“/”隔開,如<img src="img/img01/logo.gif" />。
          3. 圖像文件位于HTML文件的上一級文件夾:在文件名之前加入“../” ,如果是上兩級,則需要使用 “../ ../”,以此類推,如<img src="../logo.gif" />。絕對路徑

          絕對路徑以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同一個文件時,所使用的路徑都是一樣的

          “D:\web\img\logo.gif”,或完整的網絡地址,例如
          “http://www.itcast.cn/images/logo.gif”

          列表標簽

          無序列表 ul (重點)

          無序列表的各個列表項之間沒有順序級別之分,是并列的。其基本語法格式如下:

          <ul>
            <li>列表項1</li>
            <li>列表項2</li>
            <li>列表項3</li>
            ......
          </ul>

          比如下面這些,新聞是沒有順序的,不用排隊,先到先得,后發布先顯示。

           1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。
           2. <li>與</li>之間相當于一個容器,可以容納所有元素。
           3. 無序列表會帶有自己樣式屬性,放下那個樣式,一會讓CSS來!

          有序列表 ol (了解)

          有序列表即為有排列順序的列表,其各個列表項按照一定的順序排列定義,有序列表的基本語法格式如下:

          <ol>
            <li>列表項1</li>
            <li>列表項2</li>
            <li>列表項3</li>
            ......
          </ol>

          所有特性基本與ul 一致。

          自定義列表(理解)

          定義列表常用于對術語或名詞進行解釋和描述,定義列表的列表項前沒有任何項目符號。其基本語法如下:

          <dl>
            <dt>名詞1</dt>
            <dd>名詞1解釋1</dd>
            <dd>名詞1解釋2</dd>
            ...
            <dt>名詞2</dt>
            <dd>名詞2解釋1</dd>
            <dd>名詞2解釋2</dd>
            ...
          </dl>

          表格 table(會使用)

          創建表格

          在HTML網頁中,要想創建表格,就需要使用表格相關的標簽。創建表格的基本語法格式如下:

          <table>
            <tr>
              <td>單元格內的文字</td>
              ...
            </tr>
            ...
          </table>

          在上面的語法中包含三對HTML標簽,分別為 <table></table>、<tr></tr>、<td></td>,他們是創建表格的基本標簽,缺一不可,下面對他們進行具體地解釋

          1.table用于定義一個表格。
          
          2.tr 用于定義表格中的一行,必須嵌套在 table標簽中,在 table中包含幾對 tr,就有幾行表格。
          
          3.td /td:用于定義表格中的單元格,必須嵌套在<tr></tr>標簽中,一對 <tr> </tr>中包含幾對<td></td>,就表示該行中有多少列(或多少個單元格)。

          注意:

          1. <tr></tr>中只能嵌套<td></td>
          2. <td></td>標簽,他就像一個容器,可以容納所有的元素

          表格屬性


          三參為0
          即:border cellpadding cellspacing 為 0

          表頭標簽

          表頭單元格一般位于表格的第一行或第一列,其文本加粗居中,如下圖所示,即為設置了表頭的表格。設置表頭非常簡單,只需用表頭標簽<th></th>替代相應的單元格標簽<td></td>即可。

          表格結構

          在使用表格進行布局時,可以將表格劃分為頭部、主體和頁腳(頁腳因為有兼容性問題,我們不在贅述),具體 如下所示:

          <thead></thead>:用于定義表格的頭部。

          必須位于<table></table> 標簽中,一般包含網頁的logo和導航等頭部信息。

          <tbody></tbody>:用于定義表格的主體。

          位于<table></table>標簽中,一般包含網頁中除頭部和底部之外的其他內容。

          表格標題

          表格的標題: caption

          定義和用法

          caption 元素定義表格標題。

          <table>
             <caption>我是表格標題</caption>
          </table>

          caption 標簽必須緊隨 table 標簽之后。

          只存在 表格里面

          您只能對每個表格定義一個標題。通常這個標題會被居中于表格之上。

          合并單元格

          跨行合并:rowspan 跨列合并:colspan

          合并單元格的思想:

          ? 將多個內容合并的時候,就會有多余的東西,把它刪除。 例如 把 3個 td 合并成一個, 那就多余了2個,需要刪除。

          ? 公式: 刪除的個數 = 合并的個數 - 1

          合并的順序 先上 后下 先左 后右

          1. 先確定是跨行還是跨列合并
          2. 根據 先上 后下 先左 后右的原則找到目標單元格
          3. 刪除單元格 刪除的個數 = 合并的個數 - 1

          總結表格

          1. 表格提供了HTML 中定義表格式數據的方法。
          2. 表格中由行中的單元格組成。
          3. 表格中沒有列元素,列的個數取決于行的單元格個數。
          4. 表格不要糾結于外觀,那是CSS 的作用。

          表單標簽(掌握)

          表單目的是為了收集用戶信息。

          在我們網頁中, 我們也需要跟用戶進行交互,收集用戶資料,此時也需要表單。

          在HTML中,一個完整的表單通常由表單控件(也稱為表單元素)、提示信息和表單域3個部分構成。

          表單控件:

          ? 包含了具體的表單功能項,如單行文本輸入框、密碼輸入框、復選框、提交按鈕、重置按鈕等。

          提示信息:

          ? 一個表單中通常還需要包含一些說明性的文字,提示用戶進行填寫和操作。

          表單域:

          ? 他相當于一個容器,用來容納所有的表單控件和提示信息,可以通過他定義處理表單數據所用程序的url地址,以及數據提交到服務器的方法。如果不定義表單域,表單中的數據就無法傳送到后臺服務器。

          input 控件(重點)

          input 輸入的意思

          在上面的語法中,<input />標簽為單標簽,type屬性為其最基本的屬性 類型 ,其取值有多種,用于指定不同的控件類型。除了type屬性之外,<input />標簽還可以定義很多其他的屬性,其常用屬性如下表所示。

          type 說明了屬于那種表單

          radio 如果是一組,我們必須給他們命名相同的名字 name 這樣就可以多個選其中的一個啦

          label標簽(理解)

          label 標簽為 input 元素定義標注(標簽)。

          table

          作用: 用于綁定一個表單元素, 當點擊label標簽的時候, 被綁定的表單元素就會獲得輸入焦點

          如何綁定元素呢?

          for 屬性規定 label 與哪個表單元素綁定。

          <label for="male">Male</label>
          <input type="radio" name="sex" id="male" value="male">

          textarea控件(文本域)

          text 文本框 只能寫一行文本呢

          textarea 文本域

          如果需要輸入大量的信息,就需要用到<textarea></textarea>標簽。通過textarea控件可以輕松地創建多行文本輸入框,其基本語法格式如下:

          <textarea cols="每行中的字符數" rows="顯示的行數">
            文本內容
          </textarea>

          下拉菜單

          使用select控件定義下拉菜單的基本語法格式如下 select 選擇

          <select>
            <option>選項1</option>
            <option>選項2</option>
            <option>選項3</option>
            ...
          </select>

          注意:

          1. <select></select>中至少應包含一對<option></option>。
          2. 在option 中定義selected =" selected "時,當前項即為默認選中項。

          表單域

          在HTML中,form標簽被用于定義表單域,即創建一個表單,以實現用戶信息的收集和傳遞,form中的所有內容都會被提交給服務器。創建表單的基本語法格式如下:

          <form action="url地址" method="提交方式" name="表單名稱">
            各種表單控件
          </form>

          常用屬性:

          1. Action
            在表單收集到信息后,需要將信息傳遞給服務器進行處理,action屬性用于指定接收并處理表單數據的服務器程序的url地址。
          2. method
            用于設置表單數據的提交方式,其取值為get或post。
          3. name
            用于指定表單的名稱,以區分同一個頁面中的多個表單。

          所周知,大多數程序語言都是以英語為基礎的,因此對于程序員來說,具備一定的英語能力是入行編程的先決條件。尤其是后期需要深度掌握一門編程語言,在看一些英文著作的時候,難免會涉及很多專有名詞,如果自己在翻譯上存在理解誤差,也會影響自己后期的深入學習。所以程序員如果能具備較高的英語能力,既能大大提升編寫代碼的效率,也能養成長久學習的好習慣。

          為了掃清大家在編程學習上的英文識讀障礙,小編特意整理了程序員必會常用英語詞匯大全,有需要的小伙伴可以果斷收藏(獲取更多編程學習干貨可以關注我的頭條號):

          A

          abstract 抽象的

          abstract base class (ABC)抽象基類

          abstract class 抽象類

          abstraction 抽象、抽象物、抽象性

          access 存取、訪問

          access function 訪問函數

          access level訪問級別

          account 賬戶

          action 動作

          activate 激活

          active 活動的

          actual parameter 實參

          adapter 適配器

          add-in 插件

          address 地址

          address space 地址空間

          ADO(ActiveX Data Object)ActiveX數據對象

          advanced 高級的

          aggregation 聚合、聚集

          algorithm 算法

          alias 別名

          align 排列、對齊

          allocate 分配、配置

          allocator分配器、配置器

          angle bracket 尖括號

          annotation 注解、評注

          API (Application Programming Interface) 應用(程序)編程接口

          appearance 外觀

          append 附加

          application 應用、應用程序

          application framework 應用程序框架

          Approximate String Matching 模糊匹配

          architecture 架構、體系結構

          archive file 歸檔文件、存檔文件

          argument參數。

          array 數組

          arrow operator 箭頭操作符

          assert(ion) 斷言

          assign 賦值

          assignment 賦值、分配

          assignment operator 賦值操作符

          associated 相關的、相關聯的

          asynchronous 異步的

          attribute 特性、屬性

          authentication service 驗證服務

          authorization 授權

          B

          background 背景、后臺(進程)

          backup 備份

          backup device備份設備

          backup file 備份文件

          backward compatible 向后兼容、向下兼容

          base class 基類

          base type 基類型

          batch 批處理

          BCL (base class library)基類庫

          Bin Packing 裝箱問題

          binary 二進制

          binding 綁定

          bit 位

          bitmap 位圖

          block 塊、區塊、語句塊

          boolean 布林值(真假值,true或false)

          border 邊框

          bounds checking 邊界檢查

          boxing 裝箱、裝箱轉換

          brace (curly brace) 大括號、花括號

          bracket (square brakcet) 中括號、方括號

          breakpoint 斷點

          browser applications 瀏覽器應用(程序)

          browser-accessible application 可經由瀏覽器訪問的應用程序

          bug 缺陷錯誤

          build 編連(專指編譯和連接)

          built-in 內建、內置

          bus 總線

          business 業務、商務(看場合)

          business Logic 業務邏輯

          business rules 業務規則

          buttons 按鈕

          by/through 通過

          byte 位元組(由8 bits組成)

          C

          cache 高速緩存

          calendar 日歷

          Calendrical Calculations 日期

          call 調用

          call operator 調用操作符

          callback 回調

          candidate key 候選鍵 (for database)

          cascading delete 級聯刪除 (for database)

          cascading update 級聯更新 (for database)

          casting 轉型、造型轉換

          catalog 目錄

          chain 鏈(function calls)

          character 字符

          character format 字符格式

          character set 字符集

          check box 復選框

          check button 復選按鈕

          CHECK constraints CHECK約束 (for database)

          checkpoint 檢查點 (for database)

          child class 子類

          CIL (common intermediate language)通用中間語言、通用中介語言

          class 類

          class declaration 類聲明

          class definition 類定義

          class derivation list 類繼承列表

          class factory 類廠

          class hierarchy 類層次結構

          class library 類庫

          class loader 類裝載器

          class template 類模板

          class template partial specializations 類模板部分特化

          class template specializations 類模板特化

          classification 分類

          clause 子句

          cleanup 清理、清除

          CLI (Common Language Infrastructure) 通用語言基礎設施

          client 客戶、客戶端

          client application 客戶端應用程序

          client area 客戶區

          client cursor 客戶端游標 (for database)

          client-server 客戶機/服務器、客戶端/服務器

          clipboard 剪貼板

          clone 克隆

          CLS (common language specification) 通用語言規范

          code access security 代碼訪問安全

          code page 代碼頁

          COFF (Common Object File Format) 通用對象文件格式

          collection 集合

          COM (Component Object Model) 組件對象模型

          combo box 組合框

          command line 命令行

          comment 注釋

          commit 提交 (for database)

          communication 通訊

          compatible 兼容

          compile time 編譯期、編譯時

          compiler 編譯器

          component組件

          composite index 復合索引、組合索引 (for database)

          composite key 復合鍵、組合鍵 (for database)

          composition 復合、組合

          concept 概念

          concrete具體的

          concrete class 具體類

          concurrency 并發、并發機制

          configuration 配置、組態

          Connected Components 連通分支

          connection 連接 (for database)

          connection pooling 連接池

          console 控制臺

          constant 常量

          Constrained and Unconstrained Optimization 最值問題

          constraint 約束 (for database)

          construct 構件、成分、概念、構造(for language)

          constructor (ctor) 構造函數、構造器

          container 容器

          containment包容

          context 環境、上下文

          control 控件

          cookie

          copy 拷貝

          CORBA 通用對象請求中介架構(Common Object Request Broker Architecture)

          cover 覆蓋、涵蓋

          create/creation 創建、生成

          crosstab query 交叉表查詢 (for database)

          Cryptography 密碼

          CTS (common type system)通用類型系統

          cube 多維數據集 (for database)

          cursor 光標

          cursor 游標 (for database)

          custom 定制、自定義

          D

          data 數據

          data connection 數據連接 (for database)

          data dictionary 數據字典 (for database)

          data file 數據文件 (for database)

          data integrity 數據完整性 (for database)

          data manipulation language (DML)數據操作語言(DML) (for database)

          data member 數據成員、成員變量

          data source 數據源 (for database)

          Data source name (DSN) 數據源名稱(DSN) (for database)

          data structure數據結構

          Data Structures 基本數據結構

          data table 數據表 (for database)

          data-bound 數據綁定 (for database)

          database 數據庫 (for database)

          database catalog 數據庫目錄 (for database)

          database diagram 數據關系圖 (for database)

          database file 數據庫文件 (for database)

          database object 數據庫對象 (for database)

          database owner 數據庫所有者 (for database)

          database project 數據庫工程 (for database)

          database role 數據庫角色 (for database)

          database schema 數據庫模式、數據庫架構 (for database)

          database script 數據庫腳本 (for database)

          datagram 數據報文

          dataset 數據集 (for database)

          dataset 數據集 (for database)

          DBMS (database management system)數據庫管理系統 (for database)

          DCOM (distributed COM)分布式COM

          dead lock 死鎖 (for database)

          deallocate 歸還

          debug 調試

          debugger 調試器

          decay 退化

          declaration 聲明

          default 缺省、默認值

          DEFAULT constraint默認約束 (for database)

          default database 默認數據庫 (for database)

          default instance 默認實例 (for database)

          default result set 默認結果集 (for database)

          defer 推遲

          definition 定義

          delegate 委托

          delegation 委托

          deploy 部署

          derived class 派生類

          design pattern 設計模式

          destroy 銷毀

          destructor(dtor)析構函數、析構器

          device 設備

          DHTML (dynamic HyperText Markup Language)動態超文本標記語言

          dialog 對話框

          Dictionaries 字典

          digest 摘要

          digital 數字的

          directive (編譯)指示符

          directory 目錄

          disassembler 反匯編器

          DISCO (Discovery of Web Services)Web Services的查找

          dispatch 調度、分派、派發

          distributed computing 分布式計算

          distributed query 分布式查詢 (for database)

          DNA (Distributed interNet Application) 分布式網間應用程序

          document 文檔

          DOM (Document Object Model)文檔對象模型

          dot operator (圓)點操作符

          double-byte character set (DBCS)雙字節字符集(DBCS)

          driver 驅動(程序)

          DTD (document type definition) 文檔類型定義

          dump 轉儲

          dump file 轉儲文件

          E

          e-business 電子商務

          efficiency 效率

          efficient 高效

          encapsulation 封裝

          end user 最終用戶

          end-to-end authentication 端對端身份驗證

          engine 引擎

          entity 實體

          enum (enumeration) 枚舉

          enumerators 枚舉成員、枚舉器

          equal 相等

          equality 相等性

          equality operator 等號操作符

          error log 錯誤日志 (for database)

          escape character 轉義符、轉義字符

          escape code 轉義碼

          evaluate 評估

          event 事件

          event driven 事件驅動的

          event handler 事件處理器

          evidence 證據

          exception 異常

          exception declaration 異常聲明

          exception handling 異常處理、異常處理機制

          exception specification 異常規范

          exception-safe 異常安全的

          exit 退出

          explicit 顯式

          explicit specialization 顯式特化

          explicit transaction 顯式事務 (for database)

          export 導出

          expression 表達式

          F

          fat client 胖客戶端

          feature 特性、特征

          fetch 提取

          field 字段 (for database)

          field 字段(java)

          field length 字段長度 (for database)

          file 文件

          filter 篩選 (for database)

          finalization 終結

          finalizer 終結器

          firewall 防火墻

          flag 標記

          flash memory 閃存

          flush 刷新

          font 字體

          foreign key (FK) 外鍵(FK) (for database)

          form 窗體

          formal parameter 形參

          forward declaration 前置聲明

          forward-only 只向前的

          forward-only cursor 只向前游標 (for database)

          framework 框架

          full specialization 完全特化

          function 函數

          function call operator (即operator ()) 函數調用操作符

          function object 函數對象

          function template函數模板

          functionality 功能

          functor 仿函數

          G

          GC (Garbage collection) 垃圾回收(機制)、垃圾收集(機制)

          generate 生成

          generic 泛化的、一般化的、通用的

          generic algorithm通用算法

          genericity 泛型

          getter (相對于 setter)取值函數

          global 全局的

          global object 全局對象

          grant 授權 (for database)

          group 組、群

          group box 分組框

          GUI 圖形界面

          GUID (Globally Unique Identifier) 全球唯一標識符

          H

          handle 句柄

          handler 處理器

          hard disk 硬盤

          hard-coded 硬編碼的

          hard-copy 截屏圖

          hardware 硬件

          hash table 散列表、哈希表

          header file頭文件

          heap 堆

          help file 幫助文件

          hierarchical data 階層式數據、層次式數據

          hierarchy 層次結構、繼承體系

          high level 高階、高層

          hook 鉤子

          Host (application)宿主(應用程序)

          hot key 熱鍵

          HTML (HyperText Markup Language) 超文本標記語言

          HTTP (HyperText Transfer Protocol) 超文本傳輸協議

          HTTP pipeline HTTP管道

          hyperlink 超鏈接

          I

          icon 圖標

          IDE (Integrated Development Environment)集成開發環境

          identifier 標識符

          IDL (Interface Definition Language) 接口定義語言

          idle time 空閑時間

          if and only if當且僅當

          IL (Intermediate Language) 中間語言、中介語言

          image 圖象

          IME 輸入法

          immediate base 直接基類

          immediate derived 直接派生類

          immediate updating 即時更新 (for database)

          implement 實現

          implementation 實現、實現品

          implicit 隱式

          implicit transaction隱式事務 (for database)

          import 導入

          incremental update 增量更新 (for database)

          Independent Set 獨立集

          index 索引 (for database)

          infinite loop 無限循環

          infinite recursive 無限遞歸

          information 信息

          inheritance 繼承、繼承機制

          initialization 初始化

          initialization list 初始化列表、初始值列表

          initialize 初始化

          inline 內聯

          inline expansion 內聯展開

          inner join 內聯接 (for database)

          instance 實例

          instantiated 具現化、實體化(常應用于template)

          instantiation 具現體、具現化實體(常應用于template)

          integrate 集成、整合

          integrity 完整性、一致性

          integrity constraint完整性約束 (for database)

          interacts 交互

          interface 接口

          interoperability 互操作性、互操作能力

          interpreter 解釋器

          introspection 自省

          invariants 不變性

          invoke 調用

          isolation level 隔離級別 (for database)

          item 項、條款、項目

          iterate 迭代

          iteration 迭代(回圈每次輪回稱為一個iteration)

          iterative 反復的、迭代的

          iterator 迭代器

          J

          JIT compilation JIT編譯即時編譯

          Job Scheduling 工程安排

          K

          key 鍵 (for database)

          key column 鍵列 (for database)

          L

          left outer join 左向外聯接 (for database)

          level 階、層例

          library 庫

          lifetime 生命期、壽命

          Linear Programming 線性規劃

          link 連接、鏈接

          linkage 連接、鏈接

          linker 連接器、鏈接器

          list 列表、表、鏈表

          list box 列表框

          literal constant 字面常數

          livelock 活鎖 (for database)

          load 裝載、加載

          load balancing 負載平衡

          loader 裝載器、載入器

          local 局部的

          local object 局部對象

          lock 鎖

          log 日志

          login 登錄

          login security mode登錄安全模式 (for database)

          lookup table 查找表 (for database)

          loop 循環

          loose coupling 松散耦合

          lvalue 左值

          M

          machine code 機器碼、機器代碼

          macro 宏

          maintain 維護

          managed code 受控代碼、托管代碼

          Managed Extensions 受控擴充件、托管擴展

          managed object 受控對象、托管對象

          manifest 清單

          many-to-many relationship 多對多關系 (for database)

          many-to-one relationship 多對一關系 (for database)

          marshal 列集

          Matching 匹配

          member 成員

          member access operator 成員取用運算子(有dot和arrow兩種)

          member function 成員函數

          member initialization list成員初始值列表

          memory 內存

          memory leak 內存泄漏

          menu 菜單

          message 消息

          message based 基于消息的

          message loop 消息環

          message queuing消息隊列

          metadata 元數據

          metaprogramming元編程

          method 方法

          micro 微

          middle tier 中間層

          middleware 中間件

          modeling 建模

          modeling language 建模語言

          modem 調制解調器

          modifier 修飾字、修飾符

          module 模塊

          most derived class最底層的派生類

          mouse 鼠標

          multi-tasking 多任務

          multi-thread 多線程

          multicast delegate 組播委托、多點委托

          multithreaded server application 多線程服務器應用程序

          multiuser 多用戶

          mutable 可變的

          mutex 互斥元、互斥體

          N

          named parameter 命名參數

          named pipe 命名管道

          namespace 名字空間、命名空間

          native 原生的、本地的

          native code 本地碼、本機碼

          nested class 嵌套類

          nested query 嵌套查詢 (for database)

          nested table 嵌套表 (for database)

          network 網絡

          network card 網卡

          Network Flow 網絡流

          O

          object 對象

          object based 基于對象的

          object model 對象模型

          object oriented 面向對象的

          ODBC data source ODBC數據源 (for database)

          ODBC driver ODBC驅動程序 (for database)

          one-to-many relationship 一對多關系 (for database)

          one-to-one relationship 一對一關系 (for database)

          operating system (OS) 操作系統

          operation 操作

          operator 操作符、運算符

          option 選項

          outer join 外聯接 (for database)

          overflow 上限溢位(相對于underflow)

          overload 重載

          override 覆寫、重載、重新定義

          P

          package 包

          packaging 打包

          palette 調色板

          parallel 并行

          parameter 參數、形式參數、形參

          parameter list 參數列表

          parameterize 參數化

          parent class 父類

          parentheses 圓括弧、圓括號

          parse 解析

          parser 解析器

          part 零件、部件

          partial specialization 局部特化

          pass by reference 引用傳遞

          pass by value 值傳遞

          pattern 模式

          persistence 持久性

          pixel 像素

          placeholder 占位符

          platform 平臺

          Point Location 位置查詢

          pointer 指針

          polymorphism 多態

          pooling 池化

          pop up 彈出式

          port 端口

          postfix 后綴

          precedence 優先序(通常用于運算子的優先執行次序)

          prefix 前綴

          preprocessor 預處理器

          primary key (PK)主鍵(PK) (for database)

          primary table 主表 (for database)

          primitive type 原始類型

          print 打印

          printer 打印機

          procedure 過程

          process 進程

          program 程序

          programmer 程序員

          programming編程、程序設計

          progress bar 進度指示器

          project 項目、工程

          property 屬性

          protocol 協議

          pseudo code偽碼

          Q

          qualified 合格的

          qualifier 修飾符

          quality 質量

          queue 隊列

          R

          radio button 單選按鈕

          random number 隨機數

          Random Number Generation 隨機數生成

          range 范圍、區間

          rank 等級

          raw 未經處理的

          re-direction 重定向

          readOnly只讀

          record 記錄 (for database)

          recordset 記錄集 (for database

          recursion —— 遞歸

          recursive 遞歸

          refactoring 重構

          refer 引用、參考

          reference 引用、參考

          reflection 反射

          refresh data 刷新數據 (for database)

          register 寄存器

          regular expression 正則表達式

          relational database 關系數據庫

          remote 遠程

          remote request 遠程請求

          represent 表述,表現

          resolution 解析過程

          resolve 解析、決議

          result set 結果集 (for database)

          retrieve data 檢索數據

          return 返回

          return type 返回類型

          return value 返回值

          revoke 撤銷

          right outer join 右向外聯接 (for database)

          robust 健壯

          robustness 健壯性

          roll back 回滾 (for database)

          roll forward 前滾 (for database)

          routine 例程

          row 行 (for database)

          rowset 行集 (for database)

          RPC (remote procedure call)RPC(遠程過程調用)

          runtime 執行期、運行期、執行時、運行時

          rvalue 右值

          S

          Satisfiability 可滿足性

          save 保存

          savepoint 保存點 (for database)

          SAX (Simple API for XML)

          scalable 可伸縮的、可擴展的

          schedule 調度

          scheduler 調度程序

          schema 模式、綱目結構

          scope 作用域、生存空間

          screen 屏幕

          scroll bar滾動條

          SDK (Software Development Kit)軟件開發包

          sealed class 密封類

          search 查找

          Searching 查找

          semantics 語義

          sequential container序列式容器

          serial 串行

          serialization/serialize 序列化

          server 服務器、服務端

          session 會話 (for database)

          Set and String Problems 集合與串的問題

          Set Cover 集合覆蓋

          Set Data Structures 集合

          Set Packing 集合配置

          setter 設值函數

          side effect 副作用

          signature 簽名

          single-threaded 單線程

          slider滑塊

          slot 槽

          SMTP (Simple Mail Transfer Protocol) 簡單郵件傳輸協議

          snapshot 截屏圖

          snapshot 快照 (for database)

          SOAP (simple object access protocol) 簡單對象訪問協議

          software 軟件

          Sorting 排序

          source code 源碼、源代碼

          specialization 特化

          specification 規范、規格

          splitter 切分窗口

          SQL (Structured Query Language) 結構化查詢語言 (for database)

          stack 棧、堆棧

          standard library 標準庫

          standard template library 標準模板庫

          stateless 無狀態的

          statement 語句、聲明

          static cursor 靜態游標 (for database)

          static SQL statements 靜態SQL語句 (for database)

          status bar 狀態條

          stored procedure 存儲過程 (for database)

          stream 流

          string 字符串

          String Matching 模式匹配

          stub 存根

          subobject子對象

          subquery 子查詢 (for database)

          subscript operator 下標操作符

          support 支持

          suspend 掛起

          symbol 記號

          syntax 語法

          system databases 系統數據庫 (for database)

          system tables 系統表 (for database)

          T

          table 表 (for database)

          table-level constraint 表級約束 (for database)

          target 標的,目標

          task switch 工作切換

          TCP (Transport Control Protocol) 傳輸控制協議

          template 模板

          temporary object 臨時對象

          temporary table 臨時表 (for database)

          text 文本

          Text Compression 壓縮

          text file 文本文件

          thin client 瘦客戶端

          third-party 第三方

          thread 線程

          thread-safe 線程安全的

          throw 拋出、引發(常指發出一個exception)

          trace 跟蹤

          transaction 事務 (for database)

          transaction log 事務日志 (for database)

          transaction rollback 事務回滾 (for database)

          traverse 遍歷

          trigger 觸發器 (for database)

          type 類型

          U

          UDDI(Universary Description, Discovery and Integration)統一描述、查詢與集成

          UML (unified modeling language)統一建模語言

          unary function 單參函數

          unary operator 一元操作符

          unboxing 拆箱、拆箱轉換

          underflow 下限溢位(相對于overflow)

          Unicode 統一字符編碼標準,采用雙字節對字符進行編碼

          Union query 聯合查詢 (for database)

          UNIQUE constraints UNIQUE約束 (for database)

          unique index 唯一索引 (for database)

          unmanaged code 非受控代碼、非托管代碼

          unmarshal 散集

          unqualified 未經限定的、未經修飾的

          URI (Uniform Resource identifier) 統一資源標識符

          URL (Uniform Resource Locator) 統一資源定位器

          user 用戶

          user interface 用戶界面

          V

          value types 值類型

          variable 變量

          vector 向量(一種容器,有點類似array)

          vendor 廠商

          viable 可行的

          video 視頻

          view 視圖 (for database)

          view 視圖

          virtual function 虛函數

          virtual machine 虛擬機

          virtual memory 虛擬內存

          W

          Web Services web服務

          WHERE clause WHERE子句 (for database)

          wildcard characters 通配符字符 (for database)

          wildcard search 通配符搜索 (for database)

          window 窗口

          window function 窗口函數

          window procedure 窗口過程

          Windows authentication Windows身份驗證

          wizard 向導

          word 單詞

          write enable 寫啟用 (for database)

          write-only 只寫

          WSDL (Web Service Description Language)Web Service描述語言

          X

          XML (eXtensible Markup Language) 可擴展標記語言

          XML Message Interface (XMI) XML消息接口

          XSD (XML Schema Definition) XML模式定義語言

          XSL (eXtensible Stylesheet Language) 可擴展樣式表語言

          XSLT (eXtensible Stylesheet Language Transformation)可擴展樣式表語言轉換

          xxx based 基于xxx的

          xxx oriented 面向xxx


          主站蜘蛛池模板: 国产福利一区二区三区在线视频| 久久精品一区二区三区不卡| 性色A码一区二区三区天美传媒 | 精品国产一区二区三区在线观看| 91久久精一区二区三区大全| 成人精品一区久久久久| 亚洲av成人一区二区三区| 日本精品一区二区在线播放| 精品无码一区在线观看| 午夜福利一区二区三区在线观看| 国产一区二区三区在线视頻| 日本在线观看一区二区三区| 国产乱码精品一区二区三区四川| 亚洲码欧美码一区二区三区| 国产伦精品一区二区三区女| 亚洲蜜芽在线精品一区| 亚洲高清日韩精品第一区| 久久精品国产一区| 国产激情视频一区二区三区| 久久国产精品一区| 亚洲日本一区二区三区在线| 国产一区二区精品久久岳| 中文字幕无码一区二区三区本日| 亚州国产AV一区二区三区伊在| 动漫精品专区一区二区三区不卡| 无码人妻精品一区二| 无码人妻AⅤ一区二区三区水密桃| 美女视频黄a视频全免费网站一区| 国产在线一区二区三区av| 变态调教一区二区三区| 精品国产亚洲一区二区在线观看 | 无码人妻一区二区三区在线视频| 国精产品一区一区三区| 无码av免费一区二区三区试看| 日韩人妻无码一区二区三区99 | 狠狠色婷婷久久一区二区| 农村人乱弄一区二区| 日韩人妻无码一区二区三区久久 | 精品在线视频一区| 久久婷婷色综合一区二区| 亚洲国产成人一区二区三区|