HTML 钟晖云 QQ：4797789 Email：4797789@qq.com.

Presentation on theme: "HTML 钟晖云 QQ：4797789 Email：4797789@qq.com."— Presentation transcript:

1 HTML 钟晖云 QQ：

2 如何学习HTML 学习资料 PPT：http://www.ybao.org/book/html
电子教程1： 电子教程2：扫描微信二维码，关注“源宝网络”， 选择菜单 IT教程-Web前端-HTML 源码：电子教程内 编程工具：code.ybao.org 在线源码运行：电子教程内 视频教程：ybao.ke.qq.com 学习QQ群：

3 如何学习HTML 三步学习法 参考地址：http://www.ybao.org/book/it-learn 基础理论（少而精）电子教程
上机实训（多动手）源码：电子教程内 项目驱动（做项目）项目实施步骤及源码：电子教程内

4 HTML简介 HTML是什么 HTML发展 万维网联盟W3C HTML4.01 HTML5 HTML编辑器

5 HTML基础 HTML文件基本结构 标签、元素、属性和属性值 元素的分类 标准属性 元素的属性值分类 特殊字符 HTML注释

6 HTML元素 基础构造 html：根 head：文档头部 title：文档标题 meta：元信息 address：作者联系信息
body：文档主题 div：通用块级元素 span：通用行内元素 h1到h6：标题

7 HTML元素 文字 p: 段落 br: 强制换行 em: 强调内容 strong: 加重强调内容 pre: 预格式化文本
code: 计算机代码输出 sup: 上标 sub: 下标 blockquote: 长引用 q: 短引用 cite: 引证、引用 ins: 插入编辑文字 del: 删除编辑文字

8 HTML元素 样式与配置 b: 粗体字 i: 斜体字 big: 大字体 small: 小字体 strike: 删除线文字 u: 下划线文字
font: 字体设置 center: 居中对齐 hr: 插入水平线

9 HTML元素 链接 a: 锚元素 link: 文件资源关联 base: 文件链接基准

10 HTML元素 列表 ul: 无序列表 ol: 有序列表 li: 列表项目 dl: 定义列表 dt: 定义列表的项目 dd: 定义列表的说明
dir: 目录列表 menu: 菜单列表

11 HTML元素 图像 img: 插入图片 object: 嵌入对象 param: 对象的参数 applet: 嵌入Java小程序
area: 图像映射的区域

12 HTML元素 表格 table: 建立表格 tr: 表格行 th: 表格标题单元格 td: 表格单元格 caption: 表格的标题
thead: 表格表头 tbody: 表格主体 tfoot: 表格页底 col: 表格列属性设置 colgroup: 表格列编组

13 HTML元素 表单 form: 建立表单 input: 表单输入域 button: 按钮 select: 选择列表
option: 选择列表的项目 optgroup: 选项的分组 textarea: 多行文本框 label: 表单区域标签 fieldset: 表单区域分组 legend: 表单区域组标题

14 HTML元素 框架 frameset: 定义框架 frame: 框架内容 noframes: 不支持框架时的替换内容
iframe: 内嵌式框架

15 HTML元素 其它 style: 样式信息 script: 脚本语言 noscript: 不支持脚本时的替换内容 bdo: 改变文字显示方向
marquee: 跑马灯 blink: 闪烁文字 bgsound: 背景音乐 embed: 内嵌对象 noembed: 不支持embed时

16 项目实战 设计简单网站 用户信息注册 保存整站