HTML 5 基础教程

编辑

锁定

讨论

上传视频

《HTML5基础教程》是2018年1月由北京逐日传媒总策划,柳炳祥等主编,兵器工业出版社出版的艺术类图书教材。

书    名

HTML 5 基础教程

作    者

柳炳祥等

ISBN

9787518103775

页    数

264页定    价

68.00

出版社

出版时间

2018年1月

装    帧

平装

HTML 5 基础教程内容简介

编辑

《HTML5基础教程》[1]

是2018年1月由北京逐日传媒总策划,柳炳祥等主编,兵器工业出版社出版的艺术类图书教材。

《HTML5基础教程》一书全面细致地讲解了HTML5在网页设计领域的相关知识,对于网页设计的初学者来说,是一本难得的自学教程。本书全部章节均围绕着网页设计与制作的主题展开,所制作的实例也均与网页设计相关,内容实用性强。

HTML 5 基础教程目录

编辑

第1 章 HTML 5 基础

1.1 关于HTML

1.1.1 什么是HTML 5

1.1.2 HTML 5 的基本结构

1.1.3 HTML 5 标签

1.1.4 HTML 5 属性

1.1.5 HTML 5 事件属性

1.1.6 HTML 注释标签

课堂练习——制作简单的HTML 网页

1.2 HTML 5 与HTML 4 的区别

1.2.1 HTML 5 的语法变化

1.2.2 HTML 5 中的标记方法

1.3 HTML 5 中的新增元素和废除元素

1.3.1 新增的结构元素

课堂练习——使用新增结构元素制作页面

1.3.2 新增的其他元素

课堂练习——使用新增的音频标签插入音乐

1.3.3 被废除的元素

1.4 HTML 编写

1.4.1 使用记事本编写HTML

1.4.2 使用Dreamweaver 编写

HTML 文档

1.4.3 元素和属性的大小写规范

1.4.4 断行符与空白字符

1.5 预览测试HTML 页面

1.5.1 查看页面效果

1.5.2 查看源代码

1.6 本章小结

1.7 课后测试题

第2 章 网页基本HTML 标签

2.1 使用head 标签

2.2 使用title 标签

2.3 使用meta 标签

2.3.1 设置页面关键字

2.3.2 设置页面说明

2.3.3 定义编辑工具

2.3.4 定义作者信息

2.3.5 设置网页内容类型和字符集

2.3.6 设置网页跳转效果

课堂练习——设置网页定时跳转

2.4 使用body 标签定义页面主体

课堂练习——使用body 标签定义页面主体

2.4.1 使用bgcolor 属性定义网页背景色

2.4.2 使用background 属性定义网页背景

2.4.3 使用text 属性定义文字颜色

2.4.4 使用link 属性实现链接

2.4.5 使用margin 属性定义页面边距

2.5 文字与段落标签

2.5.1 在网页中输入文字

2.5.2 标题

2.5.3 文本基本属性

2.5.4 文本格式化标签

2.5.5 上标和下标

2.5.6 设置字号大小和下划线

课堂练习——使用大小字号和下划线

2.6 使用图像

2.6.1 图像的格式

2.6.2 插入图像

2.6.3 设置图片的大小

2.6.4 设置图像提示文字

2.6.5 设置图像的边框

2.6.6 设置图像的边距

2.6.7 设置图像的对齐方式

2.6.8 为图像添加超链接

2.6.9 设置图像热区链接

课堂练习——使用图像热区创建链接

2.7 使用列表

2.7.1 有序列表

2.7.2 自定义有序列表的序号

2.7.3 自定义有序列表的起始数

2.7.4 自定义有序列表的数值

2.7.5 无序列表

2.7.6 dl 定义列表

课堂练习——使用dl 定义网页公告中的列表

2.7.7嵌套列表

2.7.8 反转序号值(reversed 属性)

2.8 使用表格

2.8.1 表格简介

2.8.2 表格属性

课堂练习——制作表格

2.8.3 表格样式

2.8.4 表格的标题

2.8.5 区分单元格

课堂练习——制作年级成绩排名单

2.8.6 跨多行、多列的单元格

课堂练习——制作年级成绩平均分数单

2.9 本章小结

2.10 课后测试题

第3 章 建立超链接

3.1 建立超链接

3.2 定义基本链接

3.2.1 定义链接的目标URL

3.2.2 定义链接的目标窗口

3.2.3 定义链接的提示信息

3.2.4 国际化和超链接

3.3 链接路径

3.3.1 绝对路径

3.3.2 相对路径

3.4 内部链接

课堂练习——创建内部链接

3.5 锚点链接

3.5.1 建立锚点

课堂练习——建立锚点

3.5.2 链接同一页面的锚点

课堂练习——建立锚点链接

3.5.3 链接到其他页面中的锚点

课堂练习——链接到其他页面中的锚点

3.6 外部链接

3.6.1 链接到外部网站

3.6.2 链接到FTP

3.6.3 链接到Telnet

3.6.4 下载链接

3.7 本章小结

3.8 课后测试题

第4 章 CSS 基础

4.1 什么是XHTML

4.1.1 为何要升级到XHTML

4.1.2 XHTML 的页面结构

4.1.3 XHTML 的代码规范

4.1.4 在Dreamweaver 中编辑XHTML

4.2 CSS 的概念

4.2.1 CSS 的基本语法

4.2.2 CSS 的优势

4.2.3 CSS 样式的类型

4.3 CSS 的分类

4.3.1 内联样式

课堂练习——设置内联样式

4.3.2 内部样式表

课堂练习——设置内部样式

4.3.3 外部样式表

4.4 CSS 文档结构

4.4.1 文档结构

4.4.2 CSS 的继承性

4.4.3 CSS 的特殊性

4.4.4 CSS 的层叠性

4.4.5 CSS 的重要性

4.5 CSS 选择器

4.5.1 标签选择器

课堂练习——使用标签选择符

4.5.2 类选择器

课堂练习——使用类选择符

4.5.3 id 选择器

4.5.4 通配选择器

4.5.5 组合选择器

4.6 CSS 选择器声明

4.6.1 群选择器

4.6.2 派生选择器

4.7 伪类及伪对象

4.8 本章小结

4.9 课后测试题

第5 章 使用canvas 元素

5.1 关于canvas 元素

5.1.1 canvas 元素的发展

5.1.2 canvas 元素的使用方法

5.2 使用路径

5.2.1 开始和闭合路径

5.2.2 使用canvas 元素绘制直线

5.2.3 arc 属性

5.2.4 bezierCurveTo 属性

课堂练习——绘制心形

5.3 绘制矩形

课堂练习——使用canvas 元素绘制矩形

5.4 绘制渐变图形

5.4.1 线性渐变

5.4.2 径向渐变

课堂练习——绘制径向渐变

5.5 在canvas 元素中绘制图像

5.5.1 图像绘制的基本步骤

课堂练习——绘制图像

5.5.2 图像平铺

5.5.3 图像裁剪

5.5.4 像素处理

5.6 图形的变形

5.6.1 平移

5.6.2 缩放

5.6.3 旋转

5.6.4 变形矩阵

5.7 绘制文本

5.7.1 对齐方式

5.7.2 基准线

课堂练习——绘制文本并调整

5.8 图形的组合

5.9 绘制阴影

5.10 绘制动画效果

课堂练习——使用canvas 元素绘制动画

5.11 保存与恢复绘图状态

5.11.1 保存绘图状态

5.11.2 恢复绘图状态

5.12 本章小结

5.13 课后测试题

第6 章 SVG

6.1 SVG 基础概要

6.1.1 为什么要使用SVG

6.1.2 SVG 规范

6.1.3 SVG 的特征

6.1.4 SVG 在浏览器中的显示方法

课堂练习——将SVG 图像链接到HTML 文档中

6.2 SVG 的语法基础

6.3 绘制SVG 基本图形

6.3.1 绘制矩形

课堂练习——绘制矩形

6.3.2 绘制圆形

6.3.3 绘制椭圆

6.3.4 绘制直线

6.3.5 绘制折线与多角星形

6.3.6 使用path 元素绘制图形

6.3.7 坐标与编组

6.3.8 使用transform 属性

课堂练习——对编组元素进行操作

6.4 绘制文本

课堂练习——使用SVG 绘制文本

6.5 SVG 渐变效果

6.5.1 线性渐变

6.5.2 径向渐变

课堂练习——制作径向渐变效果

6.6 样式单

6.7 本章小结

6.8 课后测试题

第7 章 音频和视频

7.1 元素和 元素

7.2 元素和 元素的属性

课堂练习——网页中的视频设置

课堂练习——使用poster 替换video

7.3 元素和 元素的方法

7.3.1 play 方法

7.3.2 pause 方法

7.3.3 load 方法

7.3.4 canPlayType 方法

7.4 元素和 元素的事件

课堂练习——设置监听audio

7.5 本章小结

7.6 课后测试题

第8 章 链入内联框架、对象和其他多媒体元素

8.1 内联框架

8.2 iframe 元素的属性

8.2.1 src 属性

8.2.2 width 和height 属性

课堂练习——创建内联框架

8.2.3 frameborder 属性

8.2.4 marginwidth 和marginheight 属性

8.2.5 name 属性

8.2.6 align 属性

8.2.7 scrolling 属性

8.3 沙盒安全限制

8.4 使用object 元素链入对象

课堂练习——链入jpg 图像

8.4.1 object 元素的属性

8.4.2 渲染对象的规则

8.4.3 param 元素

8.4.4 内联数据和外部数据

8.5 使用embed 元素链入多媒体对象

8.5.1 设置自动播放

8.5.2 设置循环播放

8.5.3 控制面板的显示

8.5.4 设置开始时间

8.5.5 设置音量大小

8.5.6 设置容器属性

8.5.7 外观设置

8.5.8 设置对象名称和文字说明

8.5.9 设置背景

8.5.10 设置对齐方式

课堂练习——链入swf 文件

8.6 本章小结

8.7 课后测试题

第9 章 使用表单

9.1

表单标签

9.1.1 提交表单

9.1.2 表单名称

9.1.3 传送方法

9.1.4 编码方式

9.1.5 目标打开方式

9.2 插入表单对象

9.2.1 文字字段

9.2.2 密码域

课堂练习——创建密码域

9.2.3 单选按钮

9.2.4 复选框

9.2.5 普通按钮

9.2.6 提交按钮

9.2.7 重置按钮

9.2.8 图像域

课堂练习——创建闹钟按钮

9.2.9 隐藏域

9.2.10 文件域

9.3 菜单和列表

9.3.1 下拉菜单

课堂练习——创建下拉菜单

9.3.2 列表项

9.4 文本域标签

课堂练习——创建意见框

9.5 id 标签

9.6 表单的综合使用

课堂练习——创建点歌表单

9.7 本章小结

9.8 课后测试题

第10 章 离线网络应用

10.1 实现文件缓存

10.1.1 离线应用与网页引用的资源

课堂练习——测试离线应用

10.1.2 创建清单文件

10.1.3 更新离线储存

10.2 缓存清单文件

10.2.1 定义缓存文件

10.2.2 备抵机制

10.2.3 白名单

10.2.4 注释

10.3 本章小结

10.4 课后测试题

第11 章 JavaScript 脚本基础

11.1 JavaScript 简介

课堂练习——JavaScript 的基本用法

11.2 JavaScript 基本语法

11.2.1 常量

11.2.2 变量

11.2.3 表达式

11.2.4 运算符

11.2.5 基本语句

课堂练习——循环输出文字

11.2.6 函数

11.3 JavaScript 事件

11.3.1 onClick 事件

11.3.2 onChange 事件

11.3.3 onSelect 事件

11.3.4 onFocus 事件

11.3.5 onLoad 事件

11.3.6 onUnLoad 事件

11.3.7 onBlur 事件

11.3.8 onMouseOver 事件

11.3.9 onMouseOut 事件

11.3.10 onDblClick 事件

11.3.11 其他常用事件

11.4 浏览器的内部对象

11.4.1 navigator 对象

课堂练习——显示浏览器信息

11.4.2 document 对象

课堂练习——显示网页信息

11.4.3 Windows 对象

11.4.4 Location 对象

11.4.5 history 对象

课堂练习——浏览历史

11.5 本章小结

11.6 课后测试题

第12 章 综合案例

12.1 彩色文字移动效果

课堂练习——彩色文字移动

12.2 文字滚动效果

课堂练习——文字滚动效果

12.3 实现图片缩放效果

课堂练习——图片缩放效果

12.4 图片放大镜效果

课堂练习——图片的放大镜效果

12.5 流动的气泡效果

课堂练习——笑脸水泡

12.6 旋转的立体花朵

课堂练习——旋转的立体花朵[1]

词条图册

更多图册

参考资料

1.

HTML 5 基础教程

.豆瓣读书[引用日期2018-06-01]

html5基本页面结构,HTML 5 基础教程相关推荐

  1. [HTML/HTML5]3 页面结构

    在HTML5之前,主要的容器元素是div元素,但在HTML5中提供了数种其它容器元素供我们使用. 因此,当组织Web页面结构时,首先使用HTML将内容分成多部分,然后在对其使用CSS应用样式和格式. ...

  2. 《Android UI基础教程》——1.2节Android 应用程序的基本结构

    本节书摘来自异步社区<Android UI基础教程>一书中的第1章,第1.2节Android 应用程序的基本结构,作者 [美]Jason Ostrander,更多章节内容可以访问云栖社区& ...

  3. golang基础教程

    目录 golang基础教程(一).环境搭建 golang基础教程(二).开发规范及API golang基础教程(三).变量与数据类型概述 golang基础教程(四).基本数据类型 golang基础教程 ...

  4. R语言基础教程6:程序设计基础

    R语言基础教程1:数据类型 R语言基础教程2:散点图 R语言基础教程3:曲线图.误差线和图例 R语言基础教程4:柱形图 R语言基础教程5:图形页面排版 R语言基础教程6:程序设计基础 R语言基础教程7 ...

  5. HTML5与CSS3基础教程学习笔记【第三章 基本HTML结构】

    第三章 基本HTML结构 前言 3.1开始编写网页 3.2创建页面标题 3.3创建分级标题 3.4普通页面构成 3.5创建页眉 3.6标记导航 3.7标记页面的主要区域 3.8创建文章 3.9定义区块 ...

  6. html5 页面结构_HTML5页面结构基础

    html5 页面结构 The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Editi ...

  7. 用html5做一个介绍自己家乡的页面_【基础教程全】Html5视频教程

    HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一.HTML产生于1990年,1997年HTML4成为互 ...

  8. html5页面结构标签,HTML5 article标签元素

    HTML5 教程篇 - - article是HTML5新增的元素标签. 一.html article简介与语法结构 article英文翻译:文章.物品.报道.条文等意义. html5 表现页面中的一块 ...

  9. 【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程

    [尚硅谷]Web前端零基础入门HTML5+CSS3基础教程 学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...

最新文章

  1. jQuery中的队列是什么?
  2. 详细解析LTE调度算法
  3. 抛硬币 直到连续出现两次字为止
  4. ES6 Map和Set的用法笔记
  5. jsp 9对象4作用域
  6. ST环境进行测试时,事前需要考虑的问题
  7. LINQ聚合算法解释
  8. Ubuntu环境下安装UliPad
  9. 【Scratch案例教学】scratch旋转风车 ​​​​scratch编程案例教学 scratch创意编程 少儿编程教案
  10. COM组件和DLL的区别
  11. 2019年程序员薪资报告,网友:年薪20万只是起薪?
  12. MODI中的OCR模块
  13. IE11浏览器缓存bug
  14. 学习单片机,通常要学哪些知识点?(附送75块带屏开发板)
  15. 32怎么通过一个按键实现不同工作模式_游戏工作室防封IP,免费领!!!魔兽世界怀旧版独享IP免费送...
  16. 从联邦学习角度聊人工智能隐私
  17. 爬虫框架:Scrapy 快速入门
  18. AOP中的切点、切面、通知等
  19. 用随机函数实现一组双色球号码
  20. 到底是不是隔壁老王?责任链模式帮小头爸爸洗绿

热门文章

  1. TLB的含义、作用和实现。
  2. 深入理解前端性能监控—Performance + 腾讯superProfiler(基于Performance API的性能监控工具)
  3. 个人微信api接口调用,推送微信好友群聊列表及返回
  4. 人体裂痕效果……吓!
  5. 三线程循环打印aA0bB1......
  6. 一口气说完MR、Storm、Spark、SparkStreaming和Flink
  7. python 抢券_抢券抢不到生气了,准备写一个自动抢券的东东,时间成本最低的 web 方案是什么?...
  8. AI绘画爆火背后:扩散模型原理及实现
  9. Spring Cloud学习笔记(Hoxtonl版本)
  10. iis服务器响应上限,IIS6 ASP 页的执行造成响应缓冲区超过其配置限制的解决方法...