Web front-end development

This covers

Chapter1. 概论

  • website is a folder

  • web page is a file inside a folder

  • server-side website <—> client browser –> rendering web pages

  • HTML5

    • the structure of a web page

  • CSS3

    • style of a web page

  • JaveScript

    • behavior of a web page

  • W3C standard, world wide web consortium

  • W3C prptocol

  • client requests –> server –> browser parse –> client

Chapter2. HTML

  • HTML, HyperText Makeup Language
  • 不区分大小写
  • DOM 树状结构
  • 标签, 元素(内容文本+标签), 属性
  • 编辑器
    • 记事本
    • sublime Text3
    • WebStorm
  • 字符集
    • 语言文字
  • 编码
    • 字符和二进制码对应起来
    • Unicode, 所有语言
    • UTF-8, 所有语言 占用空间更小
  • 标签
    • 标题: <h1> </h1>......<h6> </h6>
    • 段落: <p> </p>
    • 段内换行: <br />
    • 预留格式: <pre> </pre>
    • 段内分组: <span> </span>
    • 水平线: <hr />
    • 注释: <!-- 注释内容 -->