学习JavaWeb第一天

day01

前段阶段

• html+css+js+jquery+bootstrap

数据库阶段

• mysql+mysql进阶+jdbc+连接池+bdutls

javaWeb核心技术

• tomcat+http+servlet+jsp+request+resonpse+jstl+el+过滤器+监听器+ajax

Java三大体系结构

JavaSE

• JavaSE是JavaEE的标准基础，开发桌面应用

JavaEE

• 服务器的开发技术，主要是做一些类似于淘宝、京东

JavaME

• 移动端，嵌入式。主要是做一些手游

CS&BS架构

CS

• 客户端与服务端
• 例如：影响联盟、穿越火线

BS

• 浏览器与服务器
• 例如：淘宝、京东

html

• html概述

  • 超文本标记语言

    • 超文本

      • 指的是一个范畴，它里面既可以有普通文本属性和行为，还可以描述一些图片、超链接、等等

    • 标记

      • 内容嵌套在标签内

• html作用

  • 做网页最基本的语言

• HTML特点

  • 1、HTML语言不区分大小写
  • 2、HTML标签大部分是成对出现，还要一种是自己关闭，称为自闭合标签
  • 3、HTML页面的后缀可以是.html也可以是htm
  • 4、HTML根标签下有2部分组成 一个是头标签，< head> 描述记录一些页面信息 另外一个是主体标签< body> 页面内容，也就是以后咱们用html标签所构建任何页面效果都是在这个标签体中去完成

• 开发工具(Hbulider)

  • 新建-web项目-项目名-点击完成

• html操作思想

  • 通过标签把页面中向描述的信息包裹起来，这个标签其实就相当于一个容器，通过修改容器的属性值，来达到对容器内 内容的效果的控制

Web第一天

• 基本标签

  • 标题标签

    • h1-h6
    • h1标题字体格式最大，h6最小

  • 段落标签

    • p标签

  • 字体标签

    • font标签

      • size

        • 1-7
        • "1"字体最小，"7"字体最大

      • color

        • 英文单词
        • 十六进制RGB

  • 水平分割线标签

    • hr标签

  • 格式化标签

    • i em
      – 字体倾斜 区别：em除了有字体倾斜外还带有强调作用
    • b strong
      – 字体加粗 区别：strong 除了有字体加粗外还带有强调作用
    • sub sup
      – 下标 上标

• 图片标签

  • img

    • width
    • height
    • alt
      • 图标未加载显示
    • src 代表路径
      • < img src = “. . / img/商品列表/images/list_header.jpg”/>
      • ". ."表示当前目录的父目录

• 超链接标签

  • a

    • target打开方式

      • _blank

        • 在新窗口打开链接地址

      • _self

        • 在当前窗口打开链接地址

      • _top

        • 回顶部

• 列表标签

  • 无序列表

    • ul

      • type

        • 空心圆
        • 实心圆
        • 方块

  • 有序列表

    • ol

      • type

        • 1
        • a
        • A
        • i
        • I

  • 自定义列表

    • dl

      • dt

        • 定义标题或者叫范围

      • dd

        • 具体的子项内容

• 表格标签

  • table

    • tr

      • 行

    • td

      • 列

    • th

      • 表头默认样式 加粗居中

    • cellpadding

      • 内容距离单元格边框的距离

    • cellspacing

      • 单元格边框距离表格边框的距离

    • align

      • 表格对齐方式

        • 居中
        • 左对齐
        • 右对齐

    • width

      • 表格的宽

    • height

      • 表格的高

  • 单元格合并

    • rowspan

      • 行合并

    • colspan

      • 列合并

• 框架标签

  • frameset

    • rows

      • 行分隔

    • cols

      • 列分隔

  • frame

    • 定义具体的页面

    • src

      • 具体页面的路径地址

    • name

      • 起标示作用