整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          前端學習:HTML的學習總結(圖解)

          TML簡介

          HTML基本標簽

          HTML表單標簽

          HTML內聯(lián)框架標簽和其他

          向您講授了如何向 html 頁面添加 JavaScript,使得網(wǎng)站的動態(tài)性和交互性更強。

          你已經(jīng)學習了如何創(chuàng)建對事件的響應,驗證表單,以及如何根據(jù)不同的情況運行不同的腳本。

          你也學到了如何創(chuàng)建和使用對象,以及如何使用 JavaScript 的內置對象。


          現(xiàn)在已經(jīng)你已經(jīng)學習了 JavaScript,接下來該學習什么呢?

          下一步應該學習 HTML DOM 和 DHTML。

          如果你希望學習關于服務器端腳本的知識,那么下一步應該學習 ASP,PHP, .Net。

          HTML DOM

          HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。 HTML DOM 獨立于平臺和語言,可被任何編程語言使用,比如 Java、JavaScript 和 VBscript。 假如希望了解更多關于 DOM 的知識,請訪問我們的 HTML DOM 教程。

          jQuery

          jQuery 是一個 JavaScript 庫。

          jQuery 極大地簡化了 JavaScript 編程。

          jQuery 很容易學習。

          假如希望了解更多關于 jQuery 的知識,請訪問我們的 jQuery 教程。

          AJAX

          AJAX = 異步 JavaScript 和 XML。

          AJAX 不是一種新的編程語言,而是一種使用現(xiàn)有標準的新方法。

          通過與服務器進行數(shù)據(jù)交換,AJAX 可以在不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進行更新。

          有很多使用 AJAX 的應用程序案例:新浪微博、Google 地圖、開心網(wǎng)等等。

          假如您希望學習更多關于 AJAX 的知識,請訪問我們的 AJAX 教程。

          ASP / PHP / .NET

          和 HTML 文檔中的腳本運行于客戶端(瀏覽器)不同,ASP/PHP 文件中的腳本在服務器上運行。

          使用 ASP,你可以動態(tài)地編輯、改變或者添加網(wǎng)站內容,對由 HTML 表單提交而來的數(shù)據(jù)進行響應,訪問數(shù)據(jù)或者數(shù)據(jù)庫并向瀏覽器返回結果,或者定制對不同的用戶來說更有幫助的網(wǎng)頁。

          由于 ASP/PHP 文件返回的是純粹的 HTML,因此可顯示在任何瀏覽器中。

          .h1-h6標簽

          都是標題標簽,定義一段話的標題,h1最大,依次遞減,h6最小

          標題標簽的作用:讓文本加粗顯示

          2. 段落標簽:p標簽

          用來顯示一段文本(圖片),它會忽略源代碼中的排版

          塊元素:獨占一行的元素,和相鄰的元素不能共享同一行,所有的塊元素都有align屬性,h1-h6和p元素都是塊元素

          3. 格式標簽:

          b標簽:加粗文本

          del標簽:包含的文本中間有條橫線

          em標簽:包裹的文本會顯示為斜體

          i標簽:包裹的文本會顯示為斜體

          pre標簽:顯示源代碼的排版

          strong標簽:和em作用一樣,都有強調的意思,如果要強調一段文字,建議使用strong標簽

          u標簽:給文本添加下劃線

          sup:定義上標文本

          sub:定義下標文本

          4. 圖片標簽img,用來把圖片顯示在網(wǎng)頁上

          必須屬性:1.src:圖片的路徑(可以用相對路徑或絕對路徑,不建議用絕對路徑)

          alt:定義圖片無法顯示時的代替文本

          相對路徑:以當前文件所在的位置為參考路徑,定義出來的路徑叫相對路徑

          絕對路徑:文件在硬盤上的物理路徑叫絕對路徑,

          例如:

          D:\work181129JAVA班\課件-web前端課件\web-day1\Code\web-day1\img\tly.jpg

          可選屬性:

          1.title:鼠標放在圖片上時的提示文字,所有元素都有title屬性

          2.width:定義圖片的寬度,默認以像素px為單位,可以省略單位不寫

          3.height:定義圖片的高度

          br標簽:換行標簽,可以寫成<br>或者<br/>

          hr標簽:水平線標簽,可以寫成<hr>或者<hr/>,屬性有:width(寬度),size(高度),color(顏色)

          5. span:通常用于修飾文本,可以給它添加樣式,例如style="color: red;"

          div:把文檔分割成若干個獨立的部分 ,塊級元素

          6. ul定義無序列表type屬性定義列表項目的標記,默認是disc

          type="disc" 默認黑色圓點

          type="circle" 空心圓點

          type="square" 方塊

          ol定義有序列表type屬性定義項目的標記,默認是數(shù)字

          type="A"或"a":表示大寫字母或者小寫字母

          type="I"或type="i":表示羅馬大寫字母或羅馬小寫字母

          7. border:定義表格的邊框屬性

          cellspacing:單元格之間的距離,設置為0則只有1條邊框了

          cellpadding:單元格的內容到邊框之間的距離

          8. 表頭:表格中的第一行,用來顯示列標題的,使用th定義表頭的每一列,把里面的內容加粗居中顯示

          通常,第一行是表頭行,從第二行開始就是數(shù)據(jù)行(顯示具體的數(shù)據(jù)),

          使用td(table data cell )表示數(shù)據(jù)行每一列

          表格的align="center":讓表格整體居中顯示

          tr(table row)的align="center":讓行里面的內容居中顯示

          caption:定義表格的標題,會相當于表格居中

          9. colspan:跨列,即在水平方向上合并單元格,值是要合并的單元格數(shù)目

          rowspan:跨行,即在豎直方向上合并單元格,值是要合并的單元格數(shù)目

          10. form:表單標簽,用于創(chuàng)建一個表單,收集用戶輸入的數(shù)據(jù),并提交給服務器程序

          屬性:action:指定將表單的數(shù)據(jù)發(fā)送到哪個服務器程序

          method:指定用哪種方式來提交數(shù)據(jù),常用值有GET,POST,默認值是get

          表單域:又叫表單元素,作用是收集用戶輸入的數(shù)據(jù) ,并提交給服務器端程序

          常用的表單域:1.input元素:它的type屬性有不同值,表現(xiàn)出不同形態(tài)

          type="text":表示文本框,提供文本的輸入

          type="radio":單選框(單選按鈕), 多個單選框的name值必須相同,如果name不同則不能互斥,提交時是提交value值

          type="checkbox":復選框,當name相同時,可以提交多個值(value屬性的值)

          type="file"":文件域,讓用戶選擇本地文件上傳到服務器

          type="hidden":隱藏域,對用戶不可見的元素,可以有默認值并且能提交給服務器(在javaEE開發(fā)中會大量使用隱藏域)

          2. select元素:表示下拉列表,又叫下拉框,在下拉列表中用option元素定義待選擇的選項,默認第1個選項被選中,

          設置某個option被選中: 在option元素上添加selected="selected"或者selected

          設置下拉列表為多選下拉列表:在select元素上加multiple屬性

          關于選中元素的設置

          1)設置單選框或復選框被選中的屬性是checked

          2)設置下拉列表的某個選項被選中的屬性是selected

          11. body標簽:

          1.background:定義網(wǎng)頁的背景圖片,如果背景圖片很小,會自動在水平和豎直方向上平鋪展示

          2.bgcolor:定義網(wǎng)頁的背景顏色

          12. textarea:文本域,又叫多行文本框,cols是文本區(qū)內的寬度,rows:行數(shù)

          placeholder:用來設置單行文本框(不是textarea)里的默認提示文字,當輸入了新的內容后,該提示文字就消失了

          label:本身沒有什么效果,當結合單選按鈕或復選框使用時,如果label的for屬性和按鈕的id相同,則點擊

          label后就相當于點擊了按鈕,會將單選框或復選框選中

          表單按鈕:

          1.提交按鈕: <input type="submit">,提交按鈕作用是將表單數(shù)據(jù)發(fā)送到action指定的服務器上

          2.重置按鈕: <input type="reset">,作用是將表單中數(shù)據(jù)清空

          3.普通按鈕:<input type="button">,普通按鈕在沒有添加js代碼情況下,是不能提交表單的

          13. frameset:框架集,用于將整個瀏覽器窗口劃分成多個小窗口,每個小窗口稱為一個frame,每個小窗口(frame)都可以,加載一個獨立的html文檔

          使用frameset的cols或rows屬性定義如何分割整個大窗口,

          cols:定義水平方向上分割的各個frame的百分比,

          rows:定義豎直方向上分割的各個frame的百分比,

          noresize:不能調整frame的寬或高 frameborder="0":去掉frame的邊框

          *代表剩余百分比,會自動計算

          使用frame來定義每個小窗口,src指frame所加載的網(wǎng)頁的相對路徑

          14. iframe:能夠包含其它文檔(網(wǎng)頁)的內聯(lián)框架內聯(lián)就是行內,因為它能和相鄰的元素共享同一行

          src:要加載的文檔的路徑 width:寬度,height:高度

          frameborder:邊框,0或no代表無邊框

          15. 將超鏈接所跳轉的頁面顯示在iframe的技巧:

          1)給iframe元素添加一個name屬性,例如

          2)超鏈接添加屬性target,值應該是iframe元素的name

          16. 實體集


          主站蜘蛛池模板: 国产成人精品一区二区A片带套| 国产精品区一区二区三| 亚洲综合av一区二区三区不卡 | 无码8090精品久久一区| 国产一区二区在线看| 无码国产精品一区二区免费| 国产精品亚洲高清一区二区| 成人免费视频一区| 波多野结衣一区二区| 麻豆AV一区二区三区久久| 精品少妇一区二区三区视频| 精品一区二区三区无码免费直播 | 亚洲美女视频一区| 高清国产AV一区二区三区| 亚洲成a人一区二区三区| 免费视频精品一区二区| 免费无码A片一区二三区| 亚洲色精品三区二区一区| 亚洲一区精彩视频| 成人免费观看一区二区| 国产手机精品一区二区| 99在线精品一区二区三区| 91国偷自产一区二区三区| 中文字幕日韩精品一区二区三区| 人妻少妇久久中文字幕一区二区| 久久精品视频一区二区三区| 久久精品国产一区| 在线播放一区二区| 精品亚洲AV无码一区二区| 一区二区三区在线观看| 老熟妇高潮一区二区三区| 性盈盈影院免费视频观看在线一区| 色婷婷av一区二区三区仙踪林| 亚洲爆乳精品无码一区二区 | 少妇激情av一区二区| 亚洲综合色一区二区三区小说| 亚洲精品伦理熟女国产一区二区| 久久久无码精品人妻一区| 国产成人精品一区二三区| 99久久精品费精品国产一区二区| 日本一区二区三区在线观看|