1.初始HTML
超文本標記語言
超文本包括：文字，圖片，音頻，視頻，動畫等
html5的優勢
世界知名瀏覽器廠商對html5的支持
市場的需求
跨平臺
w3c標準
- 結構化標準語言 （html , xml）
- 表現標準語言(css)
- 行爲標準(DOM,ECMAScript)
2.網頁基本信息
<!-- DOCTYPE告訴瀏覽器，我們要使用什麼規範 -->
<!-- head標籤代表網頁頭部 -->
<!-- title網頁標題 -->
<!-- meta描述性標籤，用來描述我們網站的一些信息，一般用來做seo -->
<!-- body標籤代表網頁主體 -->
3.網頁基本標籤
標題標籤 h1~h6
段落標籤 p
換行標籤 br
水平線標籤 hr
字體樣式標籤 strong,em
註釋和特殊符號 <!-- -->,空格（ ）,大於，小於，版本
<!-- 特殊符號的記憶方式 &就會提示 -->
4.圖像標籤
常見的圖像標籤：jpg,gif,png,bmp
title屬性懸停文字 alt圖片名字（必填）
5.超鏈接標籤及應用
文本超鏈接
href:必填，表示要跳轉到那個頁面
target:表示窗口在那裏打開
_blank 在新標籤中打開
_self 在自己的網頁打開
<!-- 錨鏈接，1.需要一個錨標記 2.跳轉到標記 -->
<!-- 功能性鏈接：郵件鏈接：mailto;QQ鏈接 -->
圖像超鏈接
6.塊元素和行內元素
塊元素
無論內容多少，該元素獨佔一行
p,h1~h6
行內元素
內容撐開寬度，左右都是行內元素的可以排在一行
a,strong,em
7.列表標籤
有序列表
ol>li
無序列表
ul>li
自定義列表
dl>dt列表名稱,dd列表內容
8.表格標籤
爲什麼使用表格
簡單通用
結構穩定
基本結構
單元格
行 tr
列 td
跨行 rowspan
跨列 colspan
9.媒體元素
視頻元素
video
src:資源路徑
controls:控制條
autoplay:自動播放
音頻元素
audio
src:資源路徑
controls:控制條
autoplay:自動播放
10.頁面結構分析
| 元素名 | 描述 |
|---|---|
| header | 標題頭部區域的內容 |
| footer | 標記腳部區域的內容 |
| section | web頁面中的一塊獨立區域 |
| article | 獨立的文章內容 |
| aside | 相關內容或應用（常用於側邊欄） |
| nav | 導航類輔助內容 |
11.iframe內聯框架
<iframe src="" name=""></iframe>
src 地址
width 寬度
height 高度
name 框架標識名
12.表單post和get提交
method:post,get提交方式
get方式提交：我們可以在url中看到我們提交的信息，不安全高效
post:比較安全，傳輸大文件
13.文本框和單選框
| 屬性 | 說明 |
|---|---|
| type | 指定元素的類型。text,password,checkbox,radio,submit,reset,file,hidden,image和button,默認爲text |
| name | 指定表單元素的名稱 |
| value | 元素的初始值。type爲radio時必須指定一個值 |
| size | 指定表單元素的初始寬度。當type爲text或password時，表單元素的大小以字符爲單位。對於其它類型，寬度以像素爲單位 |
| maxlength | type爲text或password時，輸入的最大字符數 |
| checked | type爲radio或checkbox時，指定按鈕是否是被選中 |
14.按鈕和多選框
<input type="button" value="按鈕">
<input type="checkbox" value="sleep" name="hobby">
普通按鈕 input type="button"
圖像按鈕 input type="image"
提交按鈕 input type="submit"
重置 input type="reset"
15.列表框文本域和文件域
select>option 列表框
textarea 文本域
type="files" 文件域
16.搜索框滑塊和表單驗證
郵箱驗證 input type="submit"
url input type="url"
數字 input type="number"
<!-- 滑塊 -->
input type="range"
<!-- 搜索框 -->
input type="search"
17.表單的應用
隱藏域 hidden
只讀 readonly
禁用 disable
18.表單初級驗證
常用方式：
- placeholder 提示信息
- required 非空判斷
- pattern 正則表達式