基础知识
2B :
商户，什么管理系统，后台系统。
管理员上传产品：一般是商户管理员操作，PC端
自己人
一个项目来说，功能有就行了，好不好用再说吧。
2C：
用户，什么商城
用户在商城里面购买了什么商品
别人：用户，
页面需要做的好看，功能也必须齐全。
java开发：除了后台功能的开发。
2B页面需要java开发去完成
2C要么往往有专门的团队。
标记语言：
markup languages是高级语言中的一种，将文本以及文本相关的其他信息的结合。
常见标记语言：html、xhtml、xml、xaml
文本文件：
在window能够用记事本打开的。在linux下能够使用more/head/cat/tail…..
HTML:
超文本标记语言(Hyper Text Markup Language),通过标记符号来标记要显示的网页的各个部分内容，
网页本质也是一个文件，只是这个文件里头有标记语言告诉浏览器怎么去解析这个文件。
基本结构
<html>
标签代表一个html文档，是整个文档的根节点，里面包含head 和body
<head>
表示html的头部，主要是做一些设置工作，字符集设置、网页SEO、页面伸缩
<body>
代表HTML文档的主体部分，要呈现的内容就放在其中。
基础标签
标题标签<h>
段落标签<p>
链接标签<a>
Href:目标地
Title:
当鼠标放在链接上，提示的信息
Target:打开连接的方式
_self:默认，在当前选项卡中打开
_black:在新的选项卡中打开
_parent:在父页面中打开
_top: 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口
a标签不仅仅支持页面的跳转，也支持页面内跳转，也支持跳转到其他页面的指定位置。
图片标签img
<img src="../img/b_1.jpg" alt="素数"/>Src:图片资源url,可以相对路径，也可以是绝对路径，
Alt：当图片资源加载失败的时候显示的内容
Span
提供将一个文本的一部分独立处理，这样的话可以单独设置这一块的样式
Br
一个简单的换行符
Hr:
一个水平分割线
Base
base标签为页面上所有链接标签 规定 一个默认URL地址
就是为所有地址（相对地址）添加一个前缀
Base标签必须写在head标签里面，一个页面只能有一个base标签
列表标签
无序列表ul
ul：定义无序标签
li：定义里头每一项的。
有序列表ol
Ol:定义有序列表
li：定义里头每一项的。
Type:序号类型，A，a,I,i
Start:开始的序号
自定义列表dl
Dl:自定义标签列表
Dt:定义列表项的名称
Dd:对列表项的解释
表单
就是将数据提交给后台，
Form表单
Action:将表单提交到哪里。
Method:提交的方式，get/post
Get:会将表单中输入框的值拼接到action后面，键值对方式
Post:会将表单中输入框的值，放到请求体中，不会拼接到action后面
文本框、密码框input
Type=text 定义input为文本框，接收用户简单文本输入
Type=password 定义input为密码输入框，和文本类似， 但是内容有掩码形式显示
Size:文本框尺寸（宽度）
Maxlength:最后能够接收的字符个数
Value:文本输入框初始显示值
单元按钮
Type=radio定义为input的单选按钮
一组单选框应该是互斥的，通过指定通过的name来让他们作为一组
checked：是否选中
value就是对应的值。
Div
div标签定义HTML文档中一个 分割区 或者一个区域
块级标签，会独占一行，行级标签，不会换行
div是块级标签
DIV布局
结合CSS中定位来实现div布局。定位问题
Top、bottom、left、right
Fixed:固定定位，相对于浏览器窗口
Relative:相对于原有的位置
static：默认值，就是没有定位
复选框
Type=checkbox定义为input的复选框按钮，
Checked:选中
Value:对应输入框的值
Label
label为input元素定义标注，
for:通过for属性和input进行绑定
绑定之后，点击label的类型，和点击input是一样的。
文件选择框
Type=file定义为input为文件选择按钮 ，
accept属性设置文件过滤，设置选择文件的类型
image/*:所有图片
video/*：视频
audio/*:音频
按钮
Type=submit:提交，将表单数据提交到服务器
Type=reset:重置，清空表单的输入。
Type=button:普通按钮。他的相应需要配合JS来完成。。。未完待续。。。
<button></button> 和input的按钮功能是一样的，
但是<button>可以展示更丰富的内容
隐藏标签
某些时候，有些信息，不希望被用户看到，但是这个信息有需要通过表达提交给后台
业务不需要，但是为了实现功能需要。
Textarea
多行的文本输入，通过cols和rows属性来规定textarea的尺寸，
下拉菜单
Select标签：下拉菜单，
multiple:支持多选，使用ctrl辅助
size:可见选项的数目
option标签：定义列表项。
Selected表示选中。
Optgroup:将列表项分组。
Lable：组的名字
Table
Table元素
Table:表格
Boder:边框的粗细
Cellspacing:单元格的间距
Cellpading:单元格的内边距（留白）
Thead:表的头部
Tboby:表的主体
Tfoot:表的脚
Tr:行
Td:单元格
Rowspan:跨行
Colspan:跨列
Th:表头的单元
Table布局
可以使用table实现常见的布局，但是需要注意，需要提前分析好它的结构
总结：使用table作为一个布局方式，可以这么做，但是现在这样做人很少了，
表格嵌套表格，维护性极差，
有一些比较老的网站还在用