一、课程概要

1. 前端语言的基本能力
2. 前端语言协作配合
3. HTNL（5）

二、前端语言的基本能力

1. HTML——Html在实际前端中，就是图片链接，输入框和按钮等一些组成一个页面的基本元素，即页面的结构。
2. CSS——Css在实际前端中就是给每个页面元素加上样式，包括大小，颜色，位置，形状等，即视觉效果。
3. Javascript——Js给组件添加需要的动态效。

三、前端语言的协作配合

1. 代码实现中有

• CSS in HTML
• Javascript in HTML
• HTNL in Javascript
• CSS in Javascript

四、HTML（5）

1. HTML并非图灵完备，只是一门标记语言，基本语法如下

• 标签——

• 文本——

• 注释——

• DTD Document Type Defination

• 处理信息

2. HTML全部标签分类

五、web优点

1. 对用户友好——无需安装、无需强大硬件、升级方便、容错率强、传播方便
2. 对开发者友好——心智模型成熟、丰富API功能、框架工具标准化、开发调试简单、具备跨平台功能
3. 领域成熟度——全面组件化、商用平面设计标准化、各类web应用风靡
4. 未来方向——低代码站点、三维可视化……

六、学习感悟

• HTML全称为：HyperText Markup Language，HyperText是超文本，即呈现内容除了文本外，还可以是图片、链接、表格等；Markup Language是标记语言，用来表示超文本。

• 标记语言的标签上可以设置属性。

• HTML代码会被浏览器解析成DOM树渲染页面

• 标签和属性不区分大小写，使用原生组件推荐使用小写，使用自定义组件推荐大写。

• 空标签可以不闭合，如input、meta。

• 属性值推荐用双引号包裹。

• 某些属性值可以省略，如required、readonly。

• HTML中的元素、属性及属性值都拥有某些含义，即要表现什么样的内容就用对应的标签才能把代码格式写规范。

• 开发者应该遵循语义来编写HTML。

• 如：有序列表用ol;无序列表用ul;lang属性表示内容所使用的语言。