Web的架构与html5基础知识

---

图1：完整的Web应用构架

---

图2：html5的基本结构

---

• head 可添加在头部标签元素有→→title meta style link base script noscript

• meta 几个重要属性↓↓

---

• html的属性

• →标准属性：id name style class
• • →私有属性：独有 如：a href　　
  • →时间属性：触发 javascript

• h1~h6 字大小逐渐减小，字体随着浏览器不同可能有不同，一般使用h1~h3

• 空（自结束）标签:    br换行 hr水平线 meta

---

• html中快捷键（暂整理，后续增加）：

• • 1）变签名
    +
    TAP -->编写一对标签

  • 2）ctrl
    + ？
    -->
    注释<!--
    -->

  • 3）ctrl
    + shift + F --> 格式化代码

  • 4）h1*3
    + TAB -->一下写几行标签
    标签名 +
    * + number + TAB

  • 5）鼠标左键
    +
    alt --> 一下编写几行代码
    鼠标点几下写几行

---

• 区分理解各列表标签：-->建立菜单

1）有序列表

ol（ordered
list）定义一个有序列表

li（list）定义一个有序列表的项目名称

2）无序列表

ul（unordered
list）定义一个无序列表

li（list）定义一个有序列表的项目名称

3）描述（定义）列表

dl（defined
list）定义一个描述（定义）列表

dt（defined
title）定义一个描述（定义）列表的项目名称

dd（defined
data）用来对一个描述（定义）列表的项目名称进行描述