前端包括：html、css、javascript入门阶段：改一般页面和动效前端历史：第一个网站→table表格→JavaScript→Flash→CSS→栅栏与框架→响应式→ H5（HTML5）
1、网页浏览器：
谷歌、火狐、IE、苹果SafariF12打开控制台
2、代码编译器
vscode、sublime、atom、webstorm、dreamwarver设置Tab、插件
3、git代码管理
1.代码仓库
统一保存、管理代码的地方 如：github
2.git及简单操作
进入到c盘
进入到当前盘的Users/Test文件夹
创建代码仓库
在一个文件目录执行该指令，会把该目录快速设置成git的代码仓库。
克隆仓库到本地
配置身份信息
配置身份信息
后面可以加单独的文件
app是一个文件夹
全部文件
add这个只是添加，我们还需要提交
双引号之中是相关的描述，提交（提交到本地缓存的仓库）更新文件
提交到远程仓库
1、基本概念
网页是构成网站的基本元素，是承载各种网站应用的平台
是html文档经过浏览器渲染以后展示出来的页面 html文档：后缀为
渲染：代码经过浏览器处理，产生人正常能看懂的页面
编码：通过代码形式，把要展示的页面写到html文档
1.html+css页面内容
html：负责页面结构
文本内容：能被浏览器直接显示出来的文字和符号
标签：不能被浏览器直接显示出来的、具有特殊意义的，用尖括号括起来的字符
主要标签包括：文本、图片、链接、列表、表格、表单、框架（嵌套页面）
语法：
html从上往下解析元素可以互相嵌套html的结构
css负责页面样式
2.javascript页面行为
2、基本结构
1、文本
1.水平线
单纯水平线： 类型：单标签
2.主题内容中的标题
类型：双标签
3.段落
类型：双标签
4.换行
类型：单标签
5.空格
（1） 不是标签，可以当做特殊字符。
（2）输入法用全角
2、图片
属性src里填图片路径
图片路径分为：绝对路径和相对路径
当前目录…/上一级目录
在当前目录建一个文件夹：images 将所展示图片都放在里面
属性alt里填图片说明
属性width里填图片长度：也可以用百分比表示
属性height里填图片高度：也可以用百分比表示
类型：内联元素
实例
3、链接
属性href：需要连接的网址，网站建设初期用#链接表示空链接
属性title：鼠标悬停显示
属性target：设置_blank，在新窗口打开链接地址
类型：内联元素
4、图片映射
（1）为map标签加上id属性，定义一个唯一属性
（2）为保证兼容性加name属性，属性值与id值相同
（3）为map标签所作用图片img标签加usemap属性，属性名为#id名称
（4）在map标签内嵌套area标签实现给指定区域加链接
属性shape：定义链接区域形状，常用值rect（矩形）circle（圆形） poly（多边形）
属性coords：确定区域精确位置，填坐标
属性href：链接地址
属性alt：链接说明
5、列表
1.有序列表
子元素，父元素，后代元素，兄弟元素
2.无序列表
3.定义列表
6、表格
实例
table标签
属性：border 作用：规定表格边框宽度
属性：cellpadding 作用：规定文字和边框的间距
属性：cellspacing 作用：规定每个单元格边框宽度
tr标签：html表格中的行
th标签：表格内表头单元格
td标签：表格内普通单元格
常用属性：
colspan：规定单元格可横跨列数，值为数字
rowspan：规定单元格可横跨行数，值为数字
7、表单
1.标签：定义供用户输入的html表单
属性：
action：规定提交表单向何处发送表单数据
name：表单命名
target：_blank在新窗口打开
method：提交方式，get或post值
类型：双标签
2.标签：定义表单输入页面
（1）普通文本框：
（2）密码框：
（3）文件上传：
（4）隐藏的input：
（5）普通按钮：
（6）单选：
实例
（7）复选框：
（8）提交：
（9）重置：
属性placeholder 可用值text：规定帮助用户填写输入字段提示
属性checked 可用值checked：用于选择页面（单复选），实现默认选择
属性disabled 可用值disabled：使标签不可用
属性name：给input输入界面起名字
属性readonly 可用值readonly ：使输入界面为只读状态
属性size 值为数字：设置输入框长度
属性value：该属性值为input提交到页面的数据，可通过该属性设置默认值
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery