HTMLL、CSS复习（1~30）

一、开启HTML5大前端学习之旅

1、什么是前端：
前端是所见所得，用户第一时间交互的很好玩，也很有意思。
2、前端经历了怎样的发展历程：
美工—网页制作—web前端开发—全栈开发—大前端
3、大前端能做什么？
网站、管理系统、APP开发、小程序、数据可视化、智能电视、桌面应用、网页游戏、工具和后端
4、大前端地位
JavaScript连续10年一直名列前茅，是全世界公认最好的编程语言！
HTML、JavaScript、CSS
5、大前端都学什么？

二、网页为什么叫HTML？

1、网页是怎样形成的？
蒂姆-伯纳斯-李：W3C
（1）网页通过浏览器才能访问阅读
（2）网页是网站中的一“页”
（3）文件扩展名.html
2、什么是HTML？
HTML是用来描述网页的一种语言。
-HTML指的是超文本标记语言
-HTML不是一种编程语言，而是一种标记语言
-标记语言是一套标记标签
总结：
1、网页是前端开发人员写的，通过浏览器转成普通人眼中的美丽页面
2、网页的扩展名是.html
3、Html使用标记标签来描述网页，包含视频、音频、图片等等

三、浏览器知多少

四、web标准的制定

1、W3C万维网联盟
成立于1994年10月
性质：web技术领域最具权威和影响力的国际中立性技术标准机构
成立地点：麻省理工学院计算机科学实验室
添加链接描述

五、你的第一个网页

六、趁手兵器-VSCode

插件：

七、文档声明与字符编码

八、HTML常用标签

1、语义是什么？

2、常用标签

九、百科词条案例

十、不一般的hr

十一、特殊符号

十二、div和span标签

div标签，没有具体含义，用来划分页面的区域，独占一行。

span，没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

十三、列表-有序列表

注：
1、li里面可以随意放标签，但是ol里面只能放置li标签
2、数字是自动生成的
3、type：1、a、A、i、I
start：取值只能是一个数字

十四、列表-无序列表

注意：
1、ul里面只能放li，li里面可以放其他标签
2、默认的是黑色的实心圆
3、type：disc（实心圆） 、circle（空心圆） 、square（正方形实心）、none（用的多）

十五、列表-自定义列表

十六、图片标签的路径

同级目录：
1、code.gif
2、./code.gif
3、绝对路径




…/…/上一级的上一级 ，多级返回

十七、图片标签的属性

十八、费曼学习技巧案例

十九、超链接标签

能够实现不同页面的跳转

二十、table表格的基本结构

二十一、table表格的属性==

width：px、百分比（相对于父元素的宽度）
height：px、百分比（相对于父元素的宽度）

二十二、tr的属性

二十三、td的属性

td ：
如果一个单元格的设置宽度，影响的是这一整列的宽度。
如果一个单元格的设置高度，影响的是这一整行的高度。

二十四 、表格合并

二十五、表格案例

二十六、表单标签

二十七、CSS-内部样式表

二十八、CSS-外部样式表

二十九、CSS-行内样式表

三十、样式表的优先级