HTML+CSS基础课程

朱雀 2023-02-08 12:52 9阅读 0赞

### **-**第1章 Html介绍 ###

*  [1-1 代码初体验，制作我的第一个网页][1-1]
 *  [1-2 Html和CSS的关系][1-2 Html_CSS]
 *  [1-3 认识html标签][1-3 _html]
 *  [1-4 标签的语法][1-4]
 *  [1-5 认识html文件基本结构][1-5 _html]
 *  [1-6 认识head标签][1-6 _head]
 *  [1-7 了解HTML的代码注释][1-7 _HTML]

### **-**第2章 认识标签(第一部分) ###

* [2-1 语义化，让你的网页更好的被搜索引擎理解][2-1]
 * [2-2 <body>标签，网页上显示的内容放在这里][2-2 _body]
 * [2-3 开始学习标签，添加段落][2-3 _p]
 * [2-4 了解<hx>标签，为你的网页添加标题][2-4 _hx]
 * [2-5 加入强调语气，使用和标签][2-5 _strong_em]
 * [2-6 使用标签为文字设置单独样式][2-6 _span]
 * [2-7 <q>标签，短文本引用][2-7 _q]
 * [2-8 <blockquote>标签，长文本引用][2-8 _blockquote]
 * [2-9 使用 标签分行显示文本][2-9 _br]
 * [2-10 为你的网页中添加一些空格][2-10]
 * [2-11 认识<hr>标签，添加水平横线][2-11 _hr]
 * [2-12 <address>标签，为网页加入地址信息][2-12 _address]
 * [2-13 想加入一行代码吗？使用code标签][2-13 _code]
 * [2-14 使用pre标签为你的网页加入大段代码][2-14 _pre]

### **-**第3章 认识标签(第二部分) ###

*  [3-1 使用ul，添加新闻信息列表][3-1 _ul]
 *  [3-2 使用ol，添加图书销售排行榜][3-2 _ol]
 *  [3-3 认识div在排版中的作用][3-3 _div]
 *  [3-4 给div命名，使逻辑更加清晰][3-4 _div]
 *  [3-5 table标签---认识网页上的表格][3-5 table_---]
 *  [3-6 用css样式，为表格加入边框][3-6 _css]
 *  [3-7 caption标签，为表格添加标题和摘要][3-7 caption]

### **-**第4章 认识标签(第三部分) ###

* 最近学习[4-1 使用<a>标签，链接到别一个页面][4-1 _a]
 * [4-2 在新建浏览器窗口中打开链接][4-2]
 * [4-3 使用mailto在网页中链接Email地址][4-3 _mailto_Email]
 * [4-4 认识<img>标签，为网页插入图片][4-4 _img]

### **-**第5章 与浏览者交互，表单标签 ###

*  [5-1 使用表单标签，与用户交互][5-1]
 *  [5-2 文本输入框、密码输入框][5-2]
 *  [5-3 文本域，支持多行文本输入][5-3]
 *  [5-4 使用单选框、复选框，让用户选择][5-4]
 *  [5-5 使用下拉列表框，节省空间][5-5]
 *  [5-6 使用下拉列表框进行多选][5-6]
 *  [5-7 使用提交按钮，提交数据][5-7]
 *  [5-8 使用重置按钮，重置表单信息][5-8]
 *  [5-9 form表单中的label标签][5-9 form_label]

### **-**第6章 开始学习CSS，为网页添加样式 ###

*  [6-1 认识CSS样式][6-1 _CSS]
 *  [6-2 CSS样式的优势][6-2 CSS]
 *  [6-3 CSS代码语法][6-3 CSS]
 *  [6-4 CSS注释代码][6-4 CSS]

### **-**第7章 CSS样式基本知识 ###

*  [7-1 内联式css样式，直接写在现有的HTML标签中][7-1 _css_HTML]
 *  [7-2 嵌入式css样式，写在当前的文件中][7-2 _css]
 *  [7-3 外部式css样式，写在单独的一个文件中][7-3 _css]
 *  [7-4 三种方法的优先级][7-4]

### **-**第8章 CSS选择器 ###

*  [8-1 什么是选择器？][8-1]
 *  [8-2 标签选择器][8-2]
 *  [8-3 类选择器][8-3]
 *  [8-4 ID选择器][8-4 ID]
 *  [8-5 类和ID选择器的区别][8-5 _ID]
 *  [8-6 子选择器][8-6]
 *  [8-7 包含(后代)选择器][8-7]
 *  [8-8 通用选择器][8-8]
 *  [8-9 伪类选择符][8-9]
 *  [8-10 分组选择符][8-10]

### **-**第9章 CSS的继承、层叠和特殊性 ###

*  [9-1 继承][9-1]
 *  [9-2 特殊性][9-2]
 *  [9-3 层叠][9-3]
 *  [9-4 重要性][9-4]

### **-**第10章 CSS格式化排版 ###

*  [10-1 文字排版--字体][10-1 _--]
 *  [10-2 文字排版--字号、颜色][10-2 _--]
 *  [10-3 文字排版--粗体][10-3 _--]
 *  [10-4 文字排版--斜体][10-4 _--]
 *  [10-5 文字排版--下划线][10-5 _--]
 *  [10-6 文字排版--删除线][10-6 _--]
 *  [10-7 段落排版--缩进][10-7 _--]
 *  [10-8 段落排版--行间距（行高）][10-8 _--]
 *  [10-9 段落排版--字间距、字母间距][10-9 _--]
 *  [10-10 段落排版--对齐][10-10 _--]

### **-**第11章 CSS盒模型 ###

*  [11-1 元素分类][11-1]
 *  [11-2 元素分类--块级元素][11-2 _--]
 *  [11-3 元素分类--内联元素][11-3 _--]
 *  [11-4 元素分类--内联块状元素][11-4 _--]
 *  [11-5 什么是盒模型 (02:14)][11-5 _ _02_14]
 *  [11-6 盒模型--边框（一）][11-6 _--]
 *  [11-7 盒模型--边框（二）][11-7 _--]
 *  [11-8 盒模型--宽度和高度][11-8 _--]
 *  [11-9 盒模型--填充][11-9 _--]
 *  [11-10 盒模型--边界][11-10 _--]

### **-**第12章 CSS布局模型 ###

*  [12-1 css布局模型][12-1 css]
 *  [12-2 流动模型（一）][12-2]
 *  [12-3 流动模型（二）][12-3]
 *  [12-4 浮动模型][12-4]
 *  [12-5 什么是层模型？][12-5]
 *  [12-6 层模型--绝对定位][12-6 _--]
 *  [12-7 层模型--相对定位][12-7 _--]
 *  [12-8 层模型--固定定位][12-8 _--]
 *  [12-9 Relative与Absolute组合使用][12-9 Relative_Absolute]

### **-**第13章 CSS代码缩写，占用更少的带宽 ###

*  [13-1 盒模型代码简写][13-1]
 *  [13-2 颜色值缩写][13-2]
 *  [13-3 字体缩写  
    ][13-3 _]

[1-1]: http://www.imooc.com/code/49
[1-2 Html_CSS]: http://www.imooc.com/code/52
[1-3 _html]: http://www.imooc.com/code/54
[1-4]: http://www.imooc.com/code/83
[1-5 _html]: http://www.imooc.com/code/56
[1-6 _head]: http://www.imooc.com/code/74
[1-7 _HTML]: http://www.imooc.com/code/75
[2-1]: http://www.imooc.com/code/76
[2-2 _body]: http://www.imooc.com/code/77
[2-3 _p]: http://www.imooc.com/code/78
[2-4 _hx]: http://www.imooc.com/code/84
[2-5 _strong_em]: http://www.imooc.com/code/85
[2-6 _span]: http://www.imooc.com/code/87
[2-7 _q]: http://www.imooc.com/code/88
[2-8 _blockquote]: http://www.imooc.com/code/89
[2-9 _br]: http://www.imooc.com/code/97
[2-10]: http://www.imooc.com/code/99
[2-11 _hr]: http://www.imooc.com/code/100
[2-12 _address]: http://www.imooc.com/code/101
[2-13 _code]: http://www.imooc.com/code/144
[2-14 _pre]: http://www.imooc.com/code/145
[3-1 _ul]: http://www.imooc.com/code/288
[3-2 _ol]: http://www.imooc.com/code/289
[3-3 _div]: http://www.imooc.com/code/290
[3-4 _div]: http://www.imooc.com/code/291
[3-5 table_---]: http://www.imooc.com/code/292
[3-6 _css]: http://www.imooc.com/code/293
[3-7 caption]: http://www.imooc.com/code/294
[4-1 _a]: http://www.imooc.com/code/315
[4-2]: http://www.imooc.com/code/316
[4-3 _mailto_Email]: http://www.imooc.com/code/317
[4-4 _img]: http://www.imooc.com/code/318
[5-1]: http://www.imooc.com/code/415
[5-2]: http://www.imooc.com/code/479
[5-3]: http://www.imooc.com/code/489
[5-4]: http://www.imooc.com/code/497
[5-5]: http://www.imooc.com/code/498
[5-6]: http://www.imooc.com/code/500
[5-7]: http://www.imooc.com/code/501
[5-8]: http://www.imooc.com/code/520
[5-9 form_label]: http://www.imooc.com/code/3319
[6-1 _CSS]: http://www.imooc.com/code/609
[6-2 CSS]: http://www.imooc.com/code/610
[6-3 CSS]: http://www.imooc.com/code/611
[6-4 CSS]: http://www.imooc.com/code/612
[7-1 _css_HTML]: http://www.imooc.com/code/622
[7-2 _css]: http://www.imooc.com/code/623
[7-3 _css]: http://www.imooc.com/code/624
[7-4]: http://www.imooc.com/code/628
[8-1]: http://www.imooc.com/code/2022
[8-2]: http://www.imooc.com/code/1574
[8-3]: http://www.imooc.com/code/1576
[8-4 ID]: http://www.imooc.com/code/1584
[8-5 _ID]: http://www.imooc.com/code/1585
[8-6]: http://www.imooc.com/code/2023
[8-7]: http://www.imooc.com/code/2024
[8-8]: http://www.imooc.com/code/2025
[8-9]: http://www.imooc.com/code/2036
[8-10]: http://www.imooc.com/code/2037
[9-1]: http://www.imooc.com/code/2038
[9-2]: http://www.imooc.com/code/2039
[9-3]: http://www.imooc.com/code/2040
[9-4]: http://www.imooc.com/code/2042
[10-1 _--]: http://www.imooc.com/code/2076
[10-2 _--]: http://www.imooc.com/code/2077
[10-3 _--]: http://www.imooc.com/code/2078
[10-4 _--]: http://www.imooc.com/code/2079
[10-5 _--]: http://www.imooc.com/code/2080
[10-6 _--]: http://www.imooc.com/code/2081
[10-7 _--]: http://www.imooc.com/code/2082
[10-8 _--]: http://www.imooc.com/code/2083
[10-9 _--]: http://www.imooc.com/code/2084
[10-10 _--]: http://www.imooc.com/code/2085
[11-1]: http://www.imooc.com/code/2047
[11-2 _--]: http://www.imooc.com/code/2048
[11-3 _--]: http://www.imooc.com/code/2049
[11-4 _--]: http://www.imooc.com/code/2050
[11-5 _ _02_14]: http://www.imooc.com/video/3225
[11-6 _--]: http://www.imooc.com/code/2052
[11-7 _--]: http://www.imooc.com/code/2053
[11-8 _--]: http://www.imooc.com/code/2054
[11-9 _--]: http://www.imooc.com/code/2055
[11-10 _--]: http://www.imooc.com/code/2056
[12-1 css]: http://www.imooc.com/code/2057
[12-2]: http://www.imooc.com/code/2058
[12-3]: http://www.imooc.com/code/2070
[12-4]: http://www.imooc.com/code/2071
[12-5]: http://www.imooc.com/code/2072
[12-6 _--]: http://www.imooc.com/code/2073
[12-7 _--]: http://www.imooc.com/code/2074
[12-8 _--]: http://www.imooc.com/code/2075
[12-9 Relative_Absolute]: http://www.imooc.com/code/3585
[13-1]: http://www.imooc.com/code/2088
[13-2]: http://www.imooc.com/code/2093
[13-3 _]: http://www.imooc.com/code/2094