零基础学 HTML5+CSS3 全彩版 明日科技 编著
第1章 基础知识
1.1 HTML概述
- 1.1.1 什么是HTML
- 1.1.2 HTML的发展历程
1.2 HTML文件的基本结构
- 1.2.1 HTML的基本结构
- 1.2.2 HTML的基本标记
1.3 编写第一个HTML文件
- 1.3.1 HTML文件的编写方法
- 1.3.2 手工编写页面
- 1.3.3 使用可视化软件WebStorm制作页面
1.4 难点解答
- 1.4.1 HTML文件中注释的种类
- 1.4.2 topmargin属性和margin-top属性的区别
1.5 小结
1.6 动手纠错
第2章 文本
2.1 标题
- 2.1.1 标题标记
- 2.1.2 标题的对齐方式
2.2 文字
- 2.2.1 文字的斜体、下划线、删除线
- 2.2.2 文字的上标与下标
- 2.2.3 特殊文字符号
2.3 段落
- 2.3.1 段落标记
- 2.3.2 段落的换行标记
- 2.3.3 段落的原格式标记
2.4 水平线
- 2.4.1 水平线标记
- 2.4.2 水平线标记的宽度
2.5 难点解答
- 2.5.1 可以使用<font>标记设置文字的字体和颜色吗?
- 2.5.2 大写的<H1>标记和小写的<h1>标记有区别吗?
2.6 小结
2.7 动手纠错
第3章 图像与超链接
3.1 添加图像
- 3.1.1 图像的基本格式
- 3.1.2 添加图像
3.2 设置图像属性
- 3.2.1 图像的大小与边框
- 3.2.2 图像间距与对齐方式
- 3.2.3 替换文本与提示文字
3.3 链接标记
- 3.3.1 文本标签
- 3.3.2 书签链接
3.4 图像的超链接
- 3.4.1 图像的超链接
- 3.4.2 图像热区链接
3.5 难点解答
- 3.5.1 单击超链接时,页面显示找不到页面
- 3.5.2 为图片添加了热区链接,但是单击链接位置并没有跳转页面
3.6 小结
3.7 动手纠错
第4章 CSS3 概述
4.1 CSS3概述
- 4.1.1 CSS的发展史
- 4.1.2 一个简单的CSS示例
4.2 CSS3中的选择器
- 4.2.1 属性选择器
- 4.2.2 类和ID选择器
- 4.2.3 伪类和伪元素选择器
- 4.2.4 其他选择器
4.3 常用属性
- 4.3.1 文本相关属性
- 4.3.2 背景相关属性
- 4.3.3 列表相关属性
4.4 难点解答
- 4.4.1 类和ID选择器是不是用的越多越好?
- 4.4.2 背景图片无法正常显示
4.5 小结
4.6 动手纠错
第5章 CSS3高级应用
5.1 框模型
- 5.1.1 外边距margin
- 5.1.2 内边距padding
- 5.1.3 边框border
5.2 布局常用属性
- 5.2.1 浮动
- 5.2.2 定位相关属性
5.3 动画与特效
- 5.3.1 变换(transform)
- 5.3.2 过渡(transition)
- 5.3.3 动画(animation)
5.4 难点解答
- 5.4.1 设置了浮动效果,可是元素”岿然不动“?
- 5.4.2 动画无法正常播放
5.5 小结
5.6 动手纠错
第6章 表格与<div>标记
6.1 简单表格
- 6.1.1 简单的表格制作
- 6.1.2 表头的设置
6.2 表格的高级应用
- 6.2.1 表格的样式
- 6.2.2 表格的合并
- 6.2.3 表格的分组
6.3 <div>标记
- 6.3.1 <div>标记的介绍
- 6.3.2 <div>标记的应用
6.4 <span>标记
- 6.4.1 <span>标记的介绍
- 6.4.2 <span>标记的应用
6.5 难点解答
- 6.5.1 有必要使用<th>表格标记吗?用<tr>标记替换不也一样吗?
- 6.5.2 <div>标记与<span>标记有什么区别?
6.6 小结
6.7 动手纠错
第7章 列表
7.1 列表的标记
7.2 无序列表
- 7.2.1 无序列表标记
- 7.2.2 无序列表属性
7.3 有序列表
- 7.3.1 有序列表标记
- 7.3.2 有序列表属性
7.4 列表的嵌套
- 7.4.1 定义列表的嵌套
- 7.4.2 无序列表和有序列表的嵌套
7.5 小结
7.6 动手纠错
第8章 表单
8.1 表单概述
- 8.1.1 概述
- 8.1.2 表单标记<form>
8.2 输入标记
- 8.2.1 文本框
- 8.2.2 单选按钮和复选框
- 8.2.3 按钮
- 8.2.4 文件域和图像域
8.3 文本域和列表
- 8.3.1 文本域
- 8.3.2 列表/菜单
8.4 难点解答
- 8.4.1 单行文本框与文本域的区别?
- 8.4.2 文件域控件上显示的文字“选择文件”能否改为其他文字?
8.5 小结
8.6 纠错
第9章 多媒体
9.1 HTML5多媒体的简述
- 9.1.1 HTML4中多媒体的应用
- 9.1.2 HTML5页面中的多媒体
9.2 多媒体元素基本属性
9.3 多媒体元素常用方法
- 9.3.1 媒体播放时的方法
- 9.3.2 canPlayType(type)的方法
9.4 多媒体元素重要事件
- 9.4.1 事件处理方式
- 9.4.2 事件介绍
- 9.4.3 事件实例
9.5 难点解答
- 9.5.1 <source>标记有哪些重要属性?
- 9.5.2 如何运用controls属性、width属性和height属性?
9.6 小结
9.7 动手纠错
第2篇 核心技术
第10章 HTML5新特性
10.1 谁在开发HTML5
10.2 HTML5的新特性
10.3 HTML5与HTML4de区别
- 10.3.1 HTML5的语法变化
- 10.3.2 HTML5中的标记方法
- 10.3.3 HTML5语法中需要掌握的几个要点
10.4 新增和废除的元素
- 10.4.1 新增的结构元素
- 10.4.2 新增的块级(block)的语义元素
- 10.4.3 新增的行内(inline)语义元素
- 10.4.4 新增的嵌入多媒体元素与交互性元素
- 10.4.5 新增的input元素的类型
- 10.4.6 废除的元素
10.5 新增的属性和废除的属性
- 10.5.1 新增的属性
- 10.5.2 废除的属性
10.6 难点解答
- 10.6.1 在HTML5中设置字符编码注意事项?
- 10.6.2 可以省略标记的元素有哪些?
10.7 小结
10.8 动手纠错
第11章 JavaScript基础
11.1 JavaScript概述
- 11.1.1 JavaScript发展史
- 11.1.2 JavaScript在HTML中的使用
11.2 JavaScript语言基础
- 11.2.1 数据类型
- 11.2.2 运算符
- 11.2.3 流程控制
11.3 JavaScript对象编程
- 11.3.1 Windows窗口对象
- 11.3.2 Document文档对象
11.4 JavaScript事件处理
- 11.4.1 鼠标键盘事件
- 11.4.2 页面事件
11.5 难点解答
- 11.5.1 如何分别在JavaScript中和HTML5中调用事件处理程序?
- 11.5.2 如何在JavaScript中验证表单数据?
11.6 小结
11.7 动手纠错
第12章 绘制图形
12.1 认识HTML5中的画布Canvas
- 12.1.1 Canvas概述
- 12.1.2 使用Canvas绘制矩形
12.2 绘制基本图形
- 12.1.1 绘制直线
- 12.1.2 绘制曲线
- 12.1.3 绘制圆形
12.3 绘制变形图形
- 12.3.1 绘制平移效果的图形
- 12.3.2 绘制缩放效果的图形
- 12.3.3 绘制旋转效果的图形
12.4 绘制文字
- 12.4.1 绘制轮廓文字
- 12.4.2 绘制填充文字
- 12.4.3 文字相关属性
12.5 疑难解答
- 12.5.1 beginPath()和closePath()的使用?
- 12.5.2 绘制平移缩放和旋转效果图形时需要注意什么?
12.6 小结
12.7 动手纠错
第13章 文件与拖放
13.1 选择文件
- 13.1.1 通过file对象选择文件
- 13.1.2 使用Blob对象获取文件的类型与大小
13.2 读取文件
- 13.2.1 FileReader接口的方法以及事件
- 13.2.2 使用readAsDataURL方法预览图片
- 13.2.3 使用readAsText方法读取文本文件
13.3 拖放文件
- 13.3.1 拖放页面元素
- 13.3.2 DataTransfer对象的属性与方法
- 13.3.3 使用effectAllowed和dropEffect属性设置拖放效果
13.4 疑难解答
- 13.4.1 FileReader接口中的事件执行时有顺序吗?
- 13.4.2 实现拖放功能时,每个拖放相关的事件都要编写吗?
13.5 小结
13.6 动手纠错
第3篇 高级应用
第14章 离线Web应用程序
14.1 离线Web应用介绍
- 14.1.1 离线web应用
- 14.1.2 应用缓存技术
14.2 创建离线应用
- 14.2.1 缓存清单
- 14.2.2 applicationCache对象
- 14.2.3 applicationCache对象的事件
14.3 难点解答
- 14.3.1 本地缓存与浏览器页面缓存的区别?
- 14.3.2 Internet临时保存功能可以指定保存特定类型的文件吗?
14.4 小结
14.5 动手纠错
第15章 使用Web Worker处理线程
15.1 Web Worker概述
- 15.1.1 创建和使用Worker
- 15.1.2 Worker对象处理线程
15.2 线程中可用的对象和方法
15.3 多个JavaScript文件的加载与执行
15.4 线程嵌套
- 15.4.1 使用线程的单层嵌套
- 15.4.2 使用线程嵌套交互数据
15.5 难点解答
- 15.5.1 如何使用API创建Worker,如何实现多个子进程之间的交互?
- 15.5.2 Worker对象的onmessage事件有什么作用?
15.6 小结
15.7 动手纠错
第16章 Web服务器通信
16.1 WebSocket通信
- 16.1.1 WebSocketAPI介绍
- 16.1.2 HTTP通信和WebSocket通信比较
16.2 跨文档消息传输
- 16.2.1 使用postMessageAPI
- 16.2.2 跨文档消息传输流程
16.3 小结
第17章 本地存储数据
17.1 初识Web Storage
- 17.1.1 Web Storage概述
- 17.1.2 Web Storage中API的使用
17.2 本地数据库
- 17.2.1 Web SQL数据库概述
- 17.2.2 Web SQL Database中API的使用
17.3 疑难解答
- 17.3.1 sessionStorage、localStorage与web SQL的异同?
- 17.3.2 本地存储等于离线缓存吗?
17.4 小结
17.5 动手纠错
第18章 响应式网页设计
18.1 概述
18.1.1 响应式网页设计的概念
18.1.2 响应式网页设计的优缺点和技术原理
18.2 像素和屏幕分辨率
- 18.2.1 像素和屏幕分辨率
- 18.2.2 设备像素和CSS像素
18.3 视口
- 18.3.1 视口
- 18.3.2 视口的常用属性
- 18.3.3 媒体查询
18.4 响应式网页的布局设计
- 18.4.1 常用布局类型
- 18.4.2 布局的实现方式
- 18.4.3 响应式布局的设计与实现
18.5 小结
第19章 响应式组件
19.1 响应式图片
- 19.1.1 方法1:使用<picture>标记
- 19.1.2 方法2:使用CSS图片
19.2 响应式视频
- 19.2.1 方法1:使用<meta>标记
- 19.2.2 方法2:使用HTML5手机播放器
19.3 响应式导航菜单
- 19.3.1 方法1:CSS3响应式菜单
- 19.3.2 方法2:JavaScript响应式菜单
19.4 响应式表格
- 19.4.1 方法1:隐藏表格中的列
- 19.4.2 方法2:滚动表格中的列
- 19.4.3 方法3:转换表格中的列
19.5 小结
19.6 动手纠错
第4篇 项目实战
第20章 51购商城
20.1 项目的设计思路
- 20.1.1 项目概述
- 20.1.2 界面预览
- 20.1.3 功能结构
- 20.1.4 文件夹组织结构
20.2 主页的设计与实现
- 20.2.1 主页的设计
- 20.2.2 顶部区和底部区功能的实现
- 20.2.3 商品分类导航功能的实现
- 20.2.4 轮播图功能的实现
- 20.2.6 适配移动端的实现
20.3 商品列表页面的设计与实现
- 20.3.1 商品列表页面的设计
- 20.3.2 分类选项功能的实现
- 20.3.3 商品列表区的实现
20.4 商品详情页面的设计与实现
- 20.4.1 商品详情页面的设计
- 20.4.2 商品概要功能的实现
- 20.4.3 商品品评功能的实现
- 20.4.4 猜你喜欢功能的实现
20.5 购物车页面的设计与实现
- 20.5.1 购物车页面的设计
- 20.5.2 购物车页面的实现
20.6 付款页面的设计与实现
- 20.6.1 付款页面的设计
- 20.6.2 付款页面的实现
20.7 登录注册页面的设计与实现
- 20.7.1 登录注册页面的设计
- 20.7.2 登录页面的实现
- 20.7.3 注册页面的实现
20.8 小结
零基础学 HTML5+CSS3 全彩版 明日科技 编著的更多相关文章
- 《零基础学HTML5+CSS3(全彩版)》读书笔记
2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...
- 零基础学 JavaScript 全彩版 明日科技 编著
第1篇 基础知识 第1章 JavaScript简介 1.1 JavaScript简述 1.2 WebStorm的下载与安装 1.3 JavaScript在HTML中的使用 1.3.1 在页面中直接嵌入 ...
- 《零基础学JavaScript(全彩版)》学习笔记
<零基础学JavaScript(全彩版)>学习笔记 二〇一九年二月九日星期六0时9分 前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...
- 零基础学HTML 5实战开发(第一季)
開始学习html5了.趋势不得不学习啊,之前老毛说过落后就要挨打,如今是不学习就要被市场淘汰,被社会淘汰.喜欢挑战,喜欢冒险.来吧.csdn给我们提供了那么好的平台.用起来..零基础学HTML 5的实 ...
- 【雕爷学编程】MicroPython动手做(05)——零基础学MaixPy之LCD液晶屏
配套 2.4寸LCD屏 ST7789驱动器芯片(24P 320X240) ST7789驱动器芯片2.4寸LCD屏(24P 320X240)主要参数 1. 模块名称:液晶显示模块2. 型号:KD024C ...
- 【雕爷学编程】MicroPython动手做(04)——零基础学MaixPy之尝试运行
1.hello micropython #MicroPython动手做(04)——零基础学MaixPy之基本示例 #程序之一:hello micropython #MicroPython动手做(04) ...
- 零基础学Java第三节(基本输入输出)
本篇文章是<零基础学Java>专栏的第三篇文章,文章采用通俗易懂的文字.图示及代码实战,从零基础开始带大家走上高薪之路! 本文章首发于公众号[编程攻略] Java程序的命令行参数 我们可以 ...
- 《Windows编程零基础学》第零节
首先很开心申请到了这一个专栏<Windows编程零基础学> 这是第一篇文章,在这里,我将讲述一些基础的知识. 什么是Windows编程 所谓Windows编程就是在Windows平台上开发 ...
- 【视频】零基础学Android开发:蓝牙聊天室APP(四)
零基础学Android开发:蓝牙聊天室APP第四讲 4.1 ListView控件的使用 4.2 BaseAdapter具体解释 4.3 ListView分布与滚动事件 4.4 ListView事件监听 ...
随机推荐
- CF1168A Increasing by Modulo
思路: 首先得做个转化,如果某个解法最终分别对a[i](i = 1, 2, ..., n)做了b[i](i = 1, 2, ..., n)次加1再取余的运算,那么可以等价地构造出x次(x = max( ...
- java-web项目:用servlet监听器实现显示在线人数
1.创建一个监听器 package com.listener; import javax.servlet.ServletContext; import javax.servlet.http.HttpS ...
- 《spss统计分析与行业应用案例详解》:实例九 单一样本t检验
单一样本t检验的功能与意义 spss的单一样本t检验过程是瑕设检验中最基本也是最常用的方法之一,跟所有的假没检验一样,其依剧的基木原理也是统计学中的‘小概率反证法”原理.通过单一样本t检验.我们可以实 ...
- java面试题(杨晓峰)---以面试题为切入点,有效提升你的java内功
java是一门历史悠久的编程语言,可以毫无争议的说,java是最主流的编程语言之一.全球有1200万以上的java程序猿以及海量的设备,还有无所不能的java生态圈. 我所知道的诸如阿里,京东,百度, ...
- python基础教程总结2——字符串
1.基本操作 序列操作:索引,分片,乘法,判断成员资格,长度,最值...... 注:字符串不可变,分片赋值不合法 2.字符串格式化 模板 格式化字符串时,Python使用一个字符串作为模板.模板中有格 ...
- 日常-acm-三位数反转
输入一个三位数,分理出它的百位,十位和个位,反转后输出. 样例输入: 127 样例输出: 721 tips:注意最后一位为0的情况,如360,输出063 #include <iostream&g ...
- HDU 5451 Best Solver(fibonacci)
感谢这道题让我复习了一遍线代,还学习了一些奇奇怪怪的数论. 令 二项展开以后根号部分抵消了 显然有 所以要求的答案是 如果n比较小的话,可以直接对二项式快速幂,但是这题n很大 这个问题和矩阵的特征值以 ...
- AutoWidthInput
import React from 'react'; import PropTypes from 'prop-types'; class AutoWidthInput extends React.Co ...
- 字符编码:Unicode和UTF-8的关系
今天中午,我突然想搞清楚Unicode和UTF-8之间的关系,于是就开始在网上查资料. 结果,这个问题比我想象的复杂,从午饭后一直看到晚上9点,才算初步搞清楚. 下面就是我的笔记,主要用来整理自己的思 ...
- java 自定义一个容器类
public class ArrayList { public int index = 0; Object[] objects = new Object[2]; public void add(Obj ...