-
- 素材大。
- 2.3 MB
- 素材授權:
- 免費下載
- 素材格式:
- .ppt
- 素材上傳:
- lipeier
- 上傳時間:
- 2018-10-11
- 素材編號:
- 215073
- 素材類別:
- 培訓教程PPT
-
素材預覽
這是html5 ppt(部分ppt內容已做更新升級)教程,包括了HTML介紹,HTML結構,HTML標簽與屬性,HTML5新特性,HTML5首頁布局等內容,歡迎點擊下載。
html5 ppt教程是由紅軟PPT免費下載網推薦的一款培訓教程PPT類型的PowerPoint.
HTML5教程培訓部目錄 HTML介紹互聯網的核心語言,超文本標記語言[Hyper Text Marked Language] 一種描術性語言是由標簽組成的 HTML結構 hello,AppCan HTML標簽及屬性雙標簽格式:<標簽名 屬性1=“值1” 屬性2=“值2” … >內容 注意: 1、雙標簽必須成對出現 2、標簽名用尖括號括起來 3、結束標簽以“/標簽名”結束 4、屬性與屬性之間用空格隔開 5、屬性值用英文雙引號括起來舉例: HTML標簽及屬性單標簽格式:<標簽名 屬性1=“值1” 屬性2=“值2” … /> 注意: 2、標簽名用尖括號括起來 3、以“/>”結束 4、屬性與屬性之間用空格隔開 5、屬性值用英文雙引號括起來舉例: HTML標簽及屬性常用標簽 1、布局標簽格式: 盒子模型作用:對網頁分塊布局 HTML標簽及屬性常用標簽 2、列表標簽格式: … 作用:網頁新聞或導航 HTML標簽及屬性常用標簽 3、圖像標簽格式: HTML標簽及屬性常用標簽 4、超級鏈接標簽格式: 首頁 HTML標簽及屬性常用標簽 5、標題標簽格式: 標題 HTML標簽及屬性常用標簽 6、段落標簽格式: 標題 HTML標簽及屬性常用標簽 7、表單元素表單標簽: 標題 屬性: Action:動作 name:名稱 method:方法 target :目標 HTML標簽及屬性常用標簽 7、表單元素 input標簽: 屬性: Type:類型 HTML標簽及屬性常用標簽 7、表單元素文本域標簽: 屬性: rows:高度 cols:寬度 HTML標簽及屬性表單元素實例 HTML5初體驗 HTML5初體驗 HTML5初體驗 增強的表單Form 增強的表單Form 增強的表單Form 自動獲取焦點 autofocus屬性 新版Chrome或Safari (FF也可) 增強的表單Form 文本框的輸入提示(輸入框占位符 ):placeholder屬性 增強的表單Form 表單驗證功能判斷必填項 判斷數據格式 email輸入類型: url輸入類型: 增強的表單Form 滑動塊輸入 增強的表單Form 數字輸入框( Opera或Chrome ) 增強的表單Form 輸入框下拉提示增強的表單Form 日期選擇框 增強的表單Form Canvas在網站設計中的應用 CANVAS HTML5 提供了畫布(canvas)標簽,通過與Javascript結合使用,可以在網頁上繪制圖像。Canvas是一個矩形區(qū)域,使用Javascript可以控制其每一個像素。 Canvas在網站設計中的應用使用CANVAS的基本步驟 A.建立CANVAS對象 B.通過JAVASCRIPT繪制 Canvas在網站設計中的應用 context是一個封裝了很多繪圖功能的對象,獲取這個對象的方法是 var context =canvas.getContext("2d"); canvas元素繪制圖像的時候有兩種方法,分別是 context.fill()//填充 context.stroke()//繪制邊框 style:在進行圖形繪制前,要設置好繪圖的樣式 context.fillStyle//填充的樣式 context.strokeStyle//邊框樣式 繪制矩形 context.fillRect(x,y,width,height) strokeRect(x,y,width,height) x:矩形起點橫坐標(坐標原點為canvas的左上角) y:矩形起點縱坐標 width:矩形長度 height:矩形高度 應用案例繪制圓弧 圓弧context.arc(x, y, radius, starAngle,endAngle, anticlockwise) x:圓心的x坐標 y:圓心的y坐標 straAngle:開始角度 endAngle:結束角度 anticlockwise:是否逆時針(true)為逆時針,(false)為順時針 應用案例繪制線段 context.moveTo(x,y) context.lineTo(x,y) x:x坐標 y:y坐標 每次畫線都從moveTo的點到lineTo的點, 如果沒有moveTo那么第一次lineTo的效果和moveTo一樣, 每次lineTo后如果沒有moveTo,那么下次lineTo的開始點為前一次lineTo的結束點 應用案例媒體支持:Video、Audio 媒體支持:Video、Audio 媒體支持:Video、Audio 媒體支持:Video、Audio 媒體支持:Video、Audio 布局代碼 感謝語
ppt轉換html5:這是ppt轉換html5,包括了HTML5介紹,HTML5定義頁面結構,HTML5增強的表單控件,多媒體,畫布、SVG、拖放等內容,歡迎點擊下載。
html5 ppt開發(fā):這是html5 ppt開發(fā),包括了什么是HTML5,HTML5新特性和那些效果,HTML5瀏覽器支持情況,HTML5移動開發(fā)框架介紹,HTML5目前存在的應用局限等內容,歡迎點擊下載。
html5教程ppt:這是html5教程ppt(部分ppt內容已做更新升級),包括了什么是HTML5,HTML5新特性和那些效果,HTML5瀏覽器支持情況,HTML5移動開發(fā)框架介紹,HTML5目前存在的應用局限等內容,歡迎點擊下載。