1.初始HTML

 

　　超文本标记语言

 

　　超文本包括：文字，图片，音频，视频，动画等

 

　　！[image-20201212090803082]（C:Userswin 10AppDataRoamingTyporatypora-user-imagesimage-20201212090803082.png）

 

　　html5的优势

 

　　世界知名浏览器厂商对html5的支持

 

　　市场的需求

 

　　跨平台

 

　　w3c标准

 

　　？结构化标准语言 （html , xml）

 

　　？表现标准语言（css）

 

　　？行为标准（DOM,ECMAScript）

 

　　2.网页基本信息

 

　　3.网页基本标签

 

　　标题标签 h1——h6

 

　　段落标签 p

 

　　换行标签 br

 

　　水平线标签 hr

 

　　字体样式标签 strong,em

 

　　注释和特殊符号 ,空格（？），大于，小于，版本

 

　　4.图像标签

 

　　常见的图像标签：jpg,gif,png,bmp

 

　　title属性悬停文字 alt图片名字（必填）

 

　　5.超链接标签及应用

 

　　文本超链接

 

　　href:必填，表示要跳转到那个页面

 

　　target:表示窗口在那里打开

 

　　_blank 在新标签中打开

 

　　_self 在自己的网页打开

 

　　图像超链接

 

　　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内联框架

 

　　src 地址

 

　　width 宽度

 

　　height 高度

 

　　name 框架标识名

 

　　12.表单post和get提交

 

　　！[image-20201212121832349]（C:Userswin 10AppDataRoamingTyporatypora-user-imagesimage-20201212121832349.png）

 

　　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"

 

　　图像按钮 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 正则表达式

 

　　19.html总结

 

　　程序员灯塔