无标题文章

0227：重点内容

1. web标准的概念和组成

概念：一系列标准

组成：结构HTML 、表现/样式 CSS、行为JS

2. 前端开发的语言介绍

HTML（hypertext markup language） 超文本标记语言

XHTML（extensible hypertext markup language）

​                可扩展超文本标记语言

XML （extensible markup language）可扩展标记语言

CSS  (cascading style sheets) 层叠样式表

JS （javascript）行为

3. HTML5的基本结构

```html

命令文档的类型

标记语言

文件的主体，要写的内容

// lang:语言

// en 英语

// zh 单独用表示中文整体，可以是方言、文言文、简繁体等混合内容

// zh-CN 表示的是中国大陆中文

// 唯一能直观感受到的区别就是：英文的页面在Chrome中打开会弹出翻译提示框

```

HTML5的基本语法

常规的标记  <标记 属性=“属性值” 属性=“属性值”>

空标记  <标记 属性=“属性值” />

说明：1.标记和属性之间用空格分开

​            2.属性和属性值用=连接，属性值放在“”中间

​            3.一个标记可无属性也可有多个属性，属性之间不分顺序

​            4.空标记没有结束标签，用/代替

​

4. ATOM编辑器的快捷键

新建 C+N    打开 C+O    保存 C+S    和Command+shift+s    全选  C+A

撤销 C+Z

调试代码(查看代码)的快捷键  C+OPTION+I  或者  C+SHIFT+C

​      写好代码后快速在浏览器上查看的快捷键：C+I