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）用来对一个描述（定义）列表的项目名称进行描述