1、HTML：超文本标记语言，是由一些标签组成，主要是记住一些常用的标签；
2、CSS：样式，简答的CSS样式要会写，并且可以看得懂别人的CSS代码；
3、JavaScript：可以完成一些简单的逻辑功能，会有许多js框架；
以上三部分就组成了BS架构的B，不需要编译，直接在浏览器打开就运行；
1、两种系统结构
B/S架构：browser/server 浏览器-服务器交互形式；browser支持的语言：web前端语言，包括HTML CSS JavaScript ，？由web前端开发工程师开发；前端页面上的图片需要UI设计师来完成server端的语言很多，有C语言 C++ Java Python?B/S架构的优点和缺点：
优点：升级方便，只升级服务器代码即可；
缺点：速度慢（需要从服务器加载数据，有延迟） 体验不好 页面不炫酷
企业内部的解决方案都是采用BS架构的系统，因为企业内部办公需要的一些系统不需要炫酷，不需要特别好的用户体验，只需要能够数据的增删改查即可。且企业内部更注重维护成本；
代表：京东 百度 天猫C/S架构：client-server 客户端-服务器交互形式
缺点：升级麻烦，维护成本高
优点：速度快，体验好，界面炫酷；
代表：QQ 微信 支付宝…
2、 准备安装软件
浏览器：Chrome、Firefox、IE，浏览器之间存在兼容问题，开发软件：Dreamweaver
3、什么是HTML？怎么开发HTML？怎么运行HTML？
HTML：hyper Markup language-超文本标记语言，由大量的标签组成，每一个标签都有开始标签和介绍标签。如下：
超文本就是流媒体、图片、声音、视频……HTML开发的时候使用普通的文本编辑器就行，创建的文件扩展名是。html 或者。htm，HTML也有专业的开发工具，如Dreamweaver、HBuilder直接采用浏览器打开HTML文件就是运行
4、HTML时谁定制的？---W3C：世界万维网联盟
W3C地址了HTML的规范，每个浏览器生产厂家都会遵循规范。HTML程序员也会按照这个标准规范去写代码。HTML规范目前最高的标准是HTML5.0，简称H5。我们这里学习HTML4.0，主要是学习HTML的基础用法；
5、第一个HTML程序
6、基本标签：
7、三个常用的实体符号：？ 大于 小于 空格
8、表格：
9、背景颜色和背景图片：
10、超链接 a标签 <a></a>
文字超链接图片超链接热连接 href属性 hot referrencerequest：浏览器请求response：服务器响应超链接的作用：通过超链接可以从浏览器向服务器发送请求；BS系统中每个请求对应一个相应；超链接和输入URL本质上没有任何区别；
11、列表
有序列表？ ol---order list? li---list
无序列表 ul--unorder list
12、？form表单标签-----数据的提交
接收用户的信息，如登录界面；用户输入一条数据，服务器通过insert语句将用户的信息录入数据库；
action用来指定数据提交给哪个地址，和超链接中的href属性一样，都可以向服务器发送请求；
submit按钮和超链接没有什么区别，不过在跳转页面时可以携带数据；有属性name才可以提交；提交数据的格式：url?name=value&name=vulue，数据格式是属于http协议的内容，只有符合这样的格式才可以提交数据；
表单往服务器上提交数据的格式是 name = value ，只有写了属性name时，才可以往数据库提交数据；当name没有写时，改项input不会提交个服务器；当value没有写时，会将空字符串提交到服务器；
13、案例：用户注册的表单
性别，同一个name时，只能有一个value；method属性;
post：提交的数据不会在浏览器地址栏上显示出来
get：会在地址栏上显示提交的信息
method属性不指定，或指定get，这种情况是get；指定post时，method才是post；？ 下拉列表支持多选
file控件，点击可以提交文件，用于上传文件；
form表单的 readonly 和 disabled
readonly：只读，不可以改写value的值，可以提交；
disable：只读，不可以改写value值，不可以提交；form的maxlength属性：表示最多输入的char数量；
14、HTML文档中节点的id属性------JavaScript打下基础
在HTML文档中，任何元素都有id属性，元素也叫节点，比如body节点，title节点；id属性是改节点的唯一标识，是节点的“身份证号码”所以在同一个HTML文档中， id值不可以重复；id的作用：JavaScript语言可以对HTML文档中的任意节点进行增删改查操作，从而实现一种动态的效果，而通过id属性可以更快的获得节点；把HTML文档看成是“一棵树”，每一个节点都有唯一的id，这棵树叫DOM数；
15、div和span
div和span是什么？
div和span都可以称为“图层”
图层就是一个一个的盒子，div嵌套div就是盒子嵌套盒子
div是可以定位的，只要定下div左上角的X轴和Y轴即可；div和span有什么用？------div和span的作用是布局，图层的作用是为了保障页面可以灵活的布局；其实最早的网页是通过table来布局的，但是table不灵活，比较死板，故放弃使用table来布局了；
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery