HTML、CSS网页制作课程介绍_HTML视频教程

- 灬无言 - 阅 8,599

HTML不是编程语言,简单来说,就是标签及其属性。比任何一门编程语言都要简单,不会有谁看不懂。一般看一遍,再写一遍就能记住大多数标签。小小课堂网HTML视频教程零基础入门首选。

下方为HTML视频教程,如视频不能正常播放,请安装flash或更换浏览器。请记得在视频右下角选择“超清”,然后点击“全屏”,效果更加。

相对HTML,CSS会略微复杂一些,因为涉及页面布局和效果展示。但入门和初级开发是非常简单的,学几天,可轻松做出一个比较不错的静态网页。精通不易。网络上有很多优秀的HTML和CSS源码,简单修改,变为已用。

网页编程教程

作为Web前端初学者,掌握HTML(基础),学会CSS(入门)。

灬无言学了几天的HTML和CSS,便开始使用dedecms系统进行简单网站搭建。网站有点样子后,购买阿里的云服务器,用的还是wamp集成环境。有段时间后,才开始学习配置IIS+MySQL+PHP环境。

确定网页设计、网站搭建是自己的努力方向后,开始系统学习HTML和CSS。

小编网页设计经验确实不够丰富,也不是什么资深教师。每一个标签,都查阅W3School,每一个知识点,都通过从零编写代码的形式来给大家讲解,浏览器上直接查看效果。

认真做人,用心做事。

如果出现错误或者疏漏之处,请大家给予批评指正。

本套课程主要特点

HTML课程,语法采用从零编写HTML实例的方式进行分析讲解。

CSS课程,对HTML网页进行“装修”。

最后呢,通过三个小的实战项目,来巩固我们学习的知识。

学习要求

上网、打字、熟悉电脑的基本操作。

兴趣——最好的老师。

边看视频边敲代码,代码敲多了,根本不用背!注意我们不是应试考试!!!

遇到问题可以查资料、查笔记、问百度(提升能力)。

详细目录

第一章 HTML从零开始… 6

1.1 HTML基础知识… 6

1.1.1 HTML简介… 6

1.1.2 HTML基本概念… 6

1.1.3 HTML文件编写方法… 6

1.1.4 HTML标签… 6

1.1.5 HTML元素… 7

1.1.6 HTML标签属性… 7

1.1.5 HTML标签种类… 7

1.1.6 HTML 文档 = 网页… 7

1.1.7 推荐浏览器… 7

1.2 HTML基本标签… 8

1.2.1 HTML文本的基本格式… 8

1.2.2 <!DOCTYPE html>. 8

1.2.3 <html></html>. 8

1.2.4 <head></head>. 9

1.2.5 <body></body>. 9

1.3 HTML文字与段落… 11

1.3.1 标题H.. 11

1.3.2 文本基本标签… 11

1.3.3 文本格式化… 12

1.3.4 段落… 12

1.3.5 水平线… 13

1.3.6 空格 &nbsp; 14

1.4 HTML超链接… 14

1.4.1 超链接… 14

1.4.2 内部链接:链接对象为同一网站内的资源… 16

1.4.3 锚点链接:网页过长,可设置锚点,方便阅读… 16

1.4.4 外部链接:链接到当前网站外的资源… 16

1.4.5 <a>标签的其他属性… 17

1.5 HTML图像… 17

1.5.1 Web前端Photoshop图片处理基础… 17

1.5.2 插入图像… 18

1.5.3 图像超链接… 19

1.6 HTML多媒体文件… 20

1.6.1 插入多媒体文件… 20

1.6.2 插入背景音乐… 20

1.6.3 设置滚动效果… 20

1.7 HTML列表… 21

1.7.1 有序列表… 21

1.7.2 无序列表… 22

1.8 HTML表格… 23

1.8.1 创建表格… 23

1.8.2 表格的标题… 24

1.8.3 表头… 25

1.8.4 表格的属性… 25

1.8.7 表格的行属性… 27

1.8.8 单元格属性… 28

1.8.9 表格结构… 28

1.9 HTML表单… 28

1.9.1 表单标签… 28

1.9.2 表单对象… 29

1.9.3 菜单和列表… 31

1.9.4 文本域… 31

1.9.5 id标记… 32

1.10 HTML框架结构… 32

1.10.1 框架基本概念… 32

1.10.2 框架集标签… 32

1.10.3 窗口… 33

1.10.4 浮动框架… 34

1.10.5 创建框架链接… 35

1.11 XHTML与HTML5简介… 37

1.11.1 XHTML简介… 37

1.11.2 XHTML语法规范… 37

1.11.3 HTML5简介… 38

1.12 其他标签… 38

1.12.1 块级元素<div>. 38

1.12.2 组合行内元素<span>. 39

1.12.3 样式标签<style> <link>. 39

1.12.4 定义脚本标签<script>. 39

第二章 CSS进行网页“装修”… 40

2.1 CSS基础知识… 40

2.1.1 CSS简介… 40

2.1.2 CSS语法… 40

2.1.3 CSS的创建… 41

2.2 CSS选择器… 41

2.2.1 简单选择器… 41

2.2.2 复杂选择器… 43

2.2.3 其他选择器… 43

2.3 CSS样式… 44

2.3.1 宽高… 44

2.3.2 边框… 44

2.3.3 背景… 45

2.3.4 文本… 46

2.3.5 字体… 48

2.3.6 链接… 50

2.3.7 列表… 50

2.3.8 表格… 51

2.3.9 轮廓… 53

2.4 CSS盒模型… 53

2.4.1 盒模型简介… 53

2.4.2 内边距… 53

2.4.3 边框… 54

2.4.4 外边距… 55

2.5 CSS定位… 55

2.5.1 定位方式… 55

2.5.2 层叠顺序… 56

2.5.3 浮动… 56

2.5.4 清除属性… 57

2.5.5 超出范围… 57

2.6 CSS高级… 57

2.6.1 导航栏… 57

2.6.2 图片库… 60

2.6.3 图片透明… 61

第三章 实战项目… 62

3.1 DIV+CSS页面布局… 62

3.2 网址导航(简单仿hao123主页)… 62

3.3 简单商品展示页(淘宝商品外链)… 62

扫描二维码关注“小小课堂网”

第一时间获取最新教程

二维码

12

本文转载 " https://www.xxkt.org/917 "

原文地址 " 小小课堂网原创教程。未经许可,禁止转载。否则,将追究法律责任! "

相关文章!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

error: Content is protected !!