day1

产品经理（乙方）：

接项目：口头需求描述（甲方）：--》功能表--〉设计人员（axure+ps）--》开发人员

原型：

前后台分离开发：

前端代码

后台代码：java--〉jar包

超文本标记语言：

HTML:

超文本：超越普通文本

能够插入图片 文本 视频等

标记语言：

特点：不具有编译能力

脚本语言：

JavaScript：

特点：本身具有逻辑能力和行为能力，需要被解析执行

console.log(1+1);//2

浏览器：js解析器

编译语言：

java

特点：本身具有逻辑能力和行为能力，需要编译运行

.java-->.class

system.out.print(1+1);

超文本标记语言：

1、特点： 不报错；从上到下依次被读取；不区分大小写

2、创建html文件：.html

3、HTML文档：

doctype：文档声明 默认使用宽松约束

html: 最外层的父级元素/根标签

head:

meta:声明字符编码

title：设置选项卡名称

link：引入外部css样式

script：引入脚本文件

body：

想要展示在浏览器上的内容

day2

1.元素组成部分：

内容 标签不要交叉嵌套使用

2.分类：

空元素：单标签

html中的无意义元素： div span 专注于页面布局

块级元素：div 特点：独占一行空间

行内元素：span 特点：可以和其他元素共享一行空间；不能直接设置宽高属性；不能直接设置上下的内外边距

3.属性的设置方式

设置在开始标签的内部；和标签名称使用空格隔开；

属性名和属性值之间使用等号连接 ；多对属性之间使用空格隔开。

公有属性：

id：唯一标识一个元素

class：用来标识一类元素，可以设置多个属性值

style：设置行内样式：遵循css语法设置

title：设置提示信息

属性值的设置除了布尔值属性之外，都以字符串的方式设置："" ''

布尔值属性：

属性值只有true/false

key=“true” key=“key” key

4.HTML的语法

1.空白语法：浏览器将多个空白解析成一个空白

段落标签，保留用户输入格式

2.字符实体：&实体名称；&nbsp；--> 空格 ©--> 版权声明

3.注释： 不能嵌套使用

作用：让代码更具有可读性；更加便于维护管理

5.html中的标签

段落标签：

    p：默认具有16px的上下的外边距

    pre：保留用户所输入的格式，默认具有13px的上下外边距

body:默认具有8px的外边距

标题标签：    h1-h6:

强调标签：em    i：字体斜体    strong：字体加粗 b

        u：下划线        del：删除线

列表：

    ol：有序列表

        start:number

        reversed:反转排序

        列表项：li

    ul：无序列表    li

    dl：标题列表

        dt:    设置标题

        dd：设置列表项

a：超链接



    href：跳转的地址

        url:协议://ip:port/index.html

        邮件地址：mailto:wangym@briup.com

        id：锚点

    target:

        用来设置当前超链接打开新页面的方式

        _self:默认值

        _blank:在新的标签页中的打开

        _top：在顶级框架中打开

        _parent:在父级框架中打开

        iframe:

图片：



    src：用来设置引入图片的路径

    alt：当图片加载失败时，用alt属性值替换图片

    width    height    特殊的行内元素

表格：

    table：

         align="center" border="2" cellspacing="0" cellpadding="0"

        caption：设置表格的标题    thead：表头部分

        tbody：    tfoot：    tr：一行    th/td：单元格

day3

form: 表单 作用：用户与服务器进行数据交互

action：设置表单提交地址

method：设置表单提交方式

    get:将数据拼接在浏览器的地址栏中；相对不安全；只能提交轻量级数据。

    post:将数据封装在请求体中；相对安全；提交重量级数据。

name：设置表单名字

target：设置表单提交后的网页打开方式的

    _self        _blank        _top        _parent

组件：

input    

    type：

        text:单行文本框        submit：提交按钮    password：密码框

    name：设置和后台交互的变量的名称

    value:

        单行文本框：设置了默认值

        单选框/多选框：设置选择值

        按钮：设置按钮名称

    checked：默认选中

    disabled：禁用当前组件

    readonly：只读

    maxlength: 控制用户所输入的字符个数

    size：设置文本框的长度，默认20

label

button：设置按钮

    type：submit        reset    button

select：

    option

multiple属性：设置下拉列表是否可以多选，设置了该属性后，下拉列表变成了滚动列表

size：用来设置当前下拉列表每次展示的列表项个数

selected：

    默认选中某一项

textarea    ：

     多行文本框

required:必填项