2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍

2023年黑 马学习视频 ---作复习!!!

前言 和 路向

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第1张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第2张图片

第一天 基础标签

1.开发环境安装

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第3张图片

2.标签语法

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第4张图片

3.Html 基本骨架

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第5张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第6张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第7张图片

4.标签的关系

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第8张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第9张图片

5.注释

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第10张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第11张图片

6.标题标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第12张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第13张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第14张图片

7.段落标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第15张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第16张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第17张图片

8.换行与水平线标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第18张图片

9.文本格式化标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第19张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第20张图片

10.图像标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第21张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第22张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第23张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第24张图片

11.路径(绝对和相对)

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第25张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第26张图片

12.超链接标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第27张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第28张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第29张图片

13.音频标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第30张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第31张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第32张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第33张图片

14.视频标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第34张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第35张图片

  • muted autoplay 同时才能使用

15.综合案例 一

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第36张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第37张图片

16.综合案例 二

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第38张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第39张图片

第二天 列表、表格、表单

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第40张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第41张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第42张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第43张图片

1.列表标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第44张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第45张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第46张图片

2.表格标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第47张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第48张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第49张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第50张图片

表格合并(rowspan=" " \ colspan=“ ”)

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第51张图片

3.表单

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第52张图片

一、input 标签

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第53张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第54张图片

二、单选框 radio

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第55张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第56张图片

三、上传文件 file

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第57张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第58张图片

四、多选框-checkbox

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第59张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第60张图片

五、下拉菜单

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第61张图片

六、文本域

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第62张图片

七、label标签 增大选区

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第63张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第64张图片

八、按钮

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第65张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第66张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第67张图片

4.无语义的布局标签 div span

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第68张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第69张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第70张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第71张图片

5. 字符实体   空格 < 小于号 > 大于号

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第72张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第73张图片

6. 综合案例 1 新闻列表 ul - li

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第74张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第75张图片

7. 综合案例 2 注册信息

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第76张图片

2024年 复习 HTML5+CSS3+移动web 笔记 之HTML5遍_第77张图片

你可能感兴趣的:(前端,html5,笔记,学习)