JavaWeb03-HTML篇筆記(一)
CSS: * CSS的概述:層疊樣式表. * 修飾HTML的頁面.使頁面與樣式分離. * CSS的語法: * 選擇器{屬性名:屬性值;屬性名:屬性值;...} * CSS的引入方式: * 行內樣式:在html元素上使用style屬性設置 * 內部樣式:在html中使用<style></style>進行設置 * 外部樣式:定義一個css文件,在html中引入該文件.<link href=”” type=”” rel=””/> * CSS的選擇器:(****) * 元素選擇器: * ID選擇器: * 類選擇器: * 後代選擇器: * 子元素選擇器: * CSS的樣式: * 文本 * 背景 * 字體 * 列表 * CSS的盒子模型: * 內邊距:padding * 邊框:border * 外邊距:margin * CSS的懸浮和定位: * 懸浮:float屬性設置懸浮.
JavaWeb03-HTML篇筆記(一)
相關推薦
JavaWeb03-HTML篇筆記(一)
Java1.1 上次課內容回顧: CSS: * CSS的概述:層疊樣式表. * 修飾HTML的頁面.使頁面與樣式分離. * CSS的語法: * 選擇器{屬性名:屬性值;屬性名:屬性值;...} * CSS的引入方式: * 行內樣式:在html元素上使用style屬性設置 *
JavaWeb01-HTML篇筆記(一)
Java1.1 案例一:網站信息頁面的顯示:1.1.1 需求:在網頁中顯示網站的信息的頁面:效果如下: 1.1.2 分析:1.1.2.1 技術分析:【HTML的概述】? 什麽是HTMLHTML:Hyper Text Markup Language --- 超文本標記語言. 標記語言:指的是通過一組標簽的形
JavaWeb02-HTML篇筆記(一)
Java1.1 案例二:使用DIV+CSS布局註冊頁面:1.1.1 需求:使用DIV+CSS的方式完成註冊頁面的布局:1.1.2 分析:1.1.2.1 技術分析:【CSS中的盒子模型】? 內邊距:padding.? 邊框:border? 外邊距:margin 【CSS中的定位】 position屬性設置定位:
JavaWeb03-HTML篇筆記(二)
Java1.1 案例一:使用JS完成圖片的輪播的效果:1.1.1 需求:1.1.2 分析:1.1.2.1 技術分析:【JS中的Window對象的定時的操作】 設置定時的方法 清除定時的方法1.1.2.2 步驟分析:【步驟一】創建一個HTML文件【步驟二】當頁面加載的時候開始計時.使用onload事件.【步驟
JavaWeb03-HTML篇筆記(三)
Java1.1.1 總結:1.1.1.1 JS中的BOM對象: ? Window alert(); --彈出對話框 setInterval(); setTimeout(); clearInterval(); clearTimeout(); confirm(); -
JavaWeb03-HTML篇筆記(四)
Java1.1 使用JS完成註冊頁面表單提示及校驗1.1.1 需求: 註冊頁面之前是彈出對話框的形式進行校驗的這種方式不是特別友好!可以將錯誤信息顯示到文本框的後面.而且當光標落入到文本框的時候,提示的信息.1.1.2 分析:1.1.2.1 技術分析:【JS的輸出】 document.getElementB
JavaWeb03-HTML篇筆記(五)
Java1.1 案例四:使用JS完成後臺數據展示的隔行換色的表格:1.1.1 需求:在後臺展示數據的頁面上,通常使用表格標簽進行數據的展示.沒有背景的表格比較難看的,可以使用JS控制表格的隔行換色.1.1.2 分析:1.1.2.1 技術分析:【使用JS獲得表格的行數】 獲得到控制的表格元素: var ta
JavaWeb03-HTML篇筆記(七)
Java1.1 案例六:使用JS完成省市聯動的效果:1.1.1 需求:在註冊頁面上有兩個下拉列表,左側省份的下拉列表一改變,右側的市的下拉列表也要跟著發生變化.1.1.2 分析:1.1.2.1 技術分析:【JS中創建數組】【JS的事件】下拉的列表的改變的事件.onchange.【JS的DOM的操作】創建元素:
JavaWeb04-HTML篇筆記(一)
Java1.1 上次課的內容回顧: JavaScript: JavaScript:基本使用: ECMAScript: 變量:弱變量類型: var i; 數據類型:原始類型和引用類型. 語句 運算符 對象: String,Boolean,Date,Math,Number,正則... 全局函數:eval
JavaWeb05-HTML篇筆記(一)
Java1.1上次課內容回顧:JQuery: JQuery的概述:是一個輕量級的JavaScript的類庫.對JS進行封裝. 常見的JS的框架: JQuery,ExtJS,DWR,Prototype... JQuery的使用: 引入JQuery的JS. window.onload和$(document
JavaWeb06-HTML篇筆記(一)
Java1.1 上次課內容回顧: BootStrap: * 響應式的HTML,CSS,JS的框架. * 響應式設計: * 設計一套頁面,適配不同的設備,在手機,PAD,PC端都能夠正常瀏覽. * 響應式原理: * 使用CSS3的媒體查詢,根據屏幕的分辨率匹配不用的樣式. * BootStrap
JavaWeb08-HTML篇筆記(一)
Java1.1 上次課內容回顧: JDBC : * JDBC的概述: * JDBC:Java Database Connectivity * JDBC的API: * Connection:連接. * 獲得連接. * 執行事務的管理. * S
JavaWeb09-HTML篇筆記(一)
Java1.1 上次課內容回顧: XML : * XML的概述: * 什麽是XML:可擴展標記語言. * XML的作用:作為軟件的配置文件,傳輸和存取數據. * XML的使用: * XML的基本語法: * 標簽必須有開始和結束.
JavaWeb10-HTML篇筆記(一)
Java1.1 上次課內容回顧: HTTP協議: * HTTP協議請求部分: * 請求行 :請求方式 請求路徑 協議版本 * 請求頭 :一個key對應一個value ,也有一個key對應多個value * Referer,User-Agent,If-Modified-Since
JavaWeb11-HTML篇筆記(一)
Java第11章WEB11-Cookie&Session篇1.1 上次課內容回顧: Response * 通過response設置狀態碼:setStatus(int status); * 通過response設置響應頭:setHeader(String name,String value);,setI
JavaWeb12-HTML篇筆記(一)
Java1.1 上次課內容回顧: Cookie :就是將數據保存到客戶端瀏覽器的會話技術. * 從瀏覽器獲得Cookie :request.getCookies(); * 向瀏覽器回寫Cookie :response.addCookie(Cookie cookie); * Cookie的相關的API :
JavaWeb13-HTML篇筆記(一)
Java1.1 上次課內容回顧:JSP : * JSP的概述: * JSP:Java Server Pages. * JSP的運行原理:翻譯成Servlet,編譯成Class進行執行. * JSP的腳本元素: * <%! %> * <%
JavaWeb15-HTML篇筆記(一)
Java1.1 上次課內容回顧: JDBC的添加,修改,刪除查詢. * 查詢: * 在首頁點擊查詢:提交到Servlet--調用業務層--調用DAO * 添加: * 在首頁點擊添加:提交到添加的JSP.在JSP中輸入一些信息.提交到Servlet. * 在Servlet中接收參
JavaWeb16-HTML篇筆記(一)
Java1.1 上次課內容回顧: AJAX: * AJAX:異步的JavaScript And XML. * XMLHttpRequest: * 屬性: * onreadystatechange :當對象的狀態改變的時候會觸發. * readyState
JavaWeb17-HTML篇筆記(一)
Java1.1 上次課內容回顧:Listener : 監聽器就是一個JavaBean用來監聽其他Bean變化. 事件源:被監聽的對象. 監聽器:監聽的對象. 事件源與監聽器的綁定: 事件:事件源改變.通過事件對象獲得事件源對象. Servlet的監聽器: 事件源:三個域對象.ServletC