HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 教程视频 学习视频 查看内容

【基础教程】轻松利用HTML+CSS制作页面

2016-3-8 15:17| 发布者: html5cn| 查看: 31580| 评论: 0|来自: 慕课网

摘要: 本课程适用于没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习,轻松学习HTML、CSS样式基础知识,可以利用HTML、CSS样式技术制作出简单页面。 ...

 


  第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 字体缩写


  第14章 单位和值

  14-1 颜色值

  14-2 长度值


  第15章 css样式设置小技巧

  15-1 水平居中设置-行内元素

  15-2 水平居中设置-定宽块状元素

  15-3 水平居中总结-不定宽块状元素方法(一)

  15-4 水平居中总结-不定宽块状元素方法(二)

  15-5 水平居中总结-不定宽块状元素方法(三)

  15-6 垂直居中-父元素高度确定的单行文本

  15-7 垂直居中-父元素高度确定的多行文本(方法一)

  15-8 垂直居中-父元素高度确定的多行文本(方法二)15-9 隐性改变display类型

  15-9 隐性改变display类型


来源:http://www.imooc.com/learn/9

5

鲜花
1

握手

雷人

路过

鸡蛋

刚表态过的朋友 (6 人)

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-1-21 04:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部