HTML+CSS基础课程

来源:互联网 发布:北京曹庆民曹氏推算法 编辑:程序博客网 时间:2024/04/27 21:19

-第1章 Html介绍

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

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

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

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

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

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

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

-第5章 与浏览者交互,表单标签

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

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

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

-第7章 CSS样式基本知识

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

-第8章 CSS选择器

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

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

  • 9-1 继承
  • 9-2 特殊性
  • 9-3 层叠
  • 9-4 重要性

-第10章 CSS格式化排版

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

-第11章 CSS盒模型

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

-第12章 CSS布局模型

  • 12-1 css布局模型
  • 12-2 流动模型(一)
  • 12-3 流动模型(二)
  • 12-4 浮动模型
  • 12-5 什么是层模型?
  • 12-6 层模型--绝对定位
  • 12-7 层模型--相对定位
  • 12-8 层模型--固定定位
  • 12-9 Relative与Absolute组合使用

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

  • 13-1 盒模型代码简写
  • 13-2 颜色值缩写
  • 13-3 字体缩写
0 0
原创粉丝点击