HTML自学视频教程

第1篇入门篇 第1章HTML5概述 （视频讲解：26分钟） 1.1HTML5简介 1.2HTML的发展历程 1.3HTML5的新认识和新特性 1.3.1HTML5的新认识 1.3.2HTML5的新特性 1.4无插件方式 1.5HTML的标签构成 1.5.1HTML标签概述 1.5.2开始标签＜html＞ 1.5.3头部标签＜head＞ 1.5.4标题标签＜title＞ 1.5.5主体标签＜body＞ 1.5.6编写时注意事项 1.6编写HTML文件 1.6.1HTML文件的编写方法 1.6.2手工编写页面 1.6.3使用可视化软件制作页面 1.6.4使用浏览器浏览HTML文件 1.6.5查看源文件 1.7本章小结 第2章HTML5基本标记 （视频讲解：44分钟） 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.3.7设置定时跳转页面 2.3.8设置网页的有效期 2.3.9删除过期的cookie 2.3.10禁止从缓存中调用 2.3.11强制打开新窗口 2.3.12设置网页的过渡效果 2.4基底网址标记＜base＞ 2.5注释＜！__ __＞ 2.6页面主体标记＜body＞ 2.6.1文字颜色属性text 2.6.2背景颜色属性bgcolor 2.6.3背景图像属性background 2.6.4链接文字属性link 2.6.5边距属性margin 2.7综合应用 2.7.1设定自动刷新 2.7.2创建基本的HTML网页 2.8本章常见错误 2.8.1时间和链接地址之间分隔符写成逗号或空格 2.8.2页面关键字设置过多 2.9本章小结 2.10跟我上机 第3章网页文本内容 （视频讲解：28分钟） 3.1标题文字 3.1.1标题文字标记＜h＞ 3.1.2标题文字的对齐方式属性align 3.2文字格式 3.2.1文字字体属性face 3.2.2文字大小属性size 3.2.3文字颜色属性color 3.2.4粗体、斜体、下划线标记＜strong＞、＜em＞、＜u＞ 3.2.5上标与下标标记＜sup＞、＜sub＞ 3.2.6删除线标记＜strike＞ 3.2.7等宽文字标记＜code＞、＜samp＞ 3.2.8空格码“ ；” 3.2.9其他特殊符号 3.3段落格式 3.3.1段落标记＜p＞ 3.3.2取消换行标记＜nobr＞ 3.3.3换行标记 3.3.4保留原始排版标记＜pre＞ 3.3.5水平居中标记＜center＞ 3.3.6文字段落缩进标记＜blockquote＞ 3.4添加水平线 3.4.1水平线标记＜hr＞ 3.4.2水平线宽度与高度属性width、size 3.4.3水平线的颜色属性color 3.4.4水平线的对齐方式属性align 3.4.5去掉水平线阴影属性noshade 3.5其他文字标记 3.5.1文字标注标记＜ruby＞ 3.5.2声明变量标记＜var＞ 3.5.3忽视HTML标签标记＜plaintext＞、＜xmp＞ 3.5.4基字标记＜BASEFONT＞ 3.5.5设置地址文字标记＜ADDRESS＞ 3.6综合应用 3.6.1通过格式标签定义文本样式 3.6.2在文字上方标注说明 3.7本章常见错误 3.7.1粗体和斜体使用错误 3.7.2换行符 使用过多 3.8本章小结 3.9跟我上机 第4章列表的使用 （视频讲解：34分钟） 4.1列表标记 4.2有序列表 4.2.1有序列表标记＜ol＞ 4.2.2有序列表的类型属性type 4.2.3有序列表的起始数值属性start 4.3无序列表 4.3.1无序列表标记＜ul＞ 4.3.2无序列表的类型属性type 4.4有序列表和无序列表的组合 4.5菜单列表标记＜menu＞ 4.6定义列表标记＜dl＞ 4.7目录列表标记＜dir＞ 4.8嵌套列表 4.8.1定义列表的嵌套 4.8.2有序列表和无序列表的嵌套 4.9综合应用 4.9.1定义列表的使用 4.9.201列表的使用 4.9.3有序列表的嵌套 4.10本章常见错误 4.10.1有序列表的start属性不是数字 4.10.2列表使用不当 4.11本章小结 4.12跟我上机 第5章超链接 （视频讲解：20分钟） 5.1什么是超链接和路径 5.1.1超链接 5.1.2路径 5.2超链接 5.2.1超链接标记＜a＞ 5.2.2链接到其他网页 5.2.3目标窗口属性target 5.3内部链接 5.4外部链接 5.4.1通过HTTP协议进行外部链接 5.4.2FTP协议的外部链接 5.4.3发送E—mail的外部链接 5.4.4下载文件链接 5.5书签链接 5.5.1建立书签 5.5.2同页面的书签链接 5.5.3不同页面的书签链接 5.6其他链接 5.6.1脚本链接 5.6.2空链接 5.7综合应用 5.7.1设置图片的超链接 5.7.2框架的嵌套 5.8本章常见错误 5.8.1链接文件地址不正确 5.8.2建立书签链接未写“撑” 5.9本章小结 5.10跟我上机 第6章使用图像 （视频讲解：32分钟） 6.1常用图像格式 6.2向网页中插入图像 6.3图像属性 6.3.1图像高度属性height 6.3.2图像宽度属性width 6.3.3图像边框属性border 6.3.4图像水平间距属性hspace 6.3.5图像垂直间距属性vspace 6.3.6图像的对齐方式属性align 6.3.7图像的提示文字属性alt 6.4图像的超链接 6.4.1设置图像的超链接 6.4.2设置图像的热区链接 6.5综合应用 6.5.1图像中的提示文字属性 6.5.23种不同对齐方式 6.6本章常见错误 6.6.1同时设置图像的宽度或高度使图像变形 6.6.2图像文件路径不正确 6.7本章小结 6.8跟我上机 第7章表格应用 （视频讲解：48分钟） 7.1表格的构成 7.1.1表格的基本构成＜table＞、＜tr＞、＜td＞ 7.1.2表格的标题＜caption＞ 7.1.3表格的表头＜th＞ 7.2表格基本属性 7.2.1表格宽度width 7.2.2表格高度height 7.2.3表格对齐方式align 7.2.4表格边框宽度border 7.2.5表格边框颜色bordercolor 7.2.6内框宽度cellspacing 7.2.7表格内文字与边框间距cenpadding 7.2.8表格背景颜色bgcolor 7.2.9表格的背景图像background 7.3表格行属性 7.3.1行高度的设置height 7.3.2行的边框颜色bordercolor 7.3.3行的背景颜色bgcolor、background 7.3.4行文字的水平对齐方式align 7.3.5行文字的垂直对齐方式valign 7.3.6表格标题的垂直对齐方式align 7.4单元格属性 7.4.1单元格大小width、height 7.4.2水平跨度colspan 7.4.3垂直跨度rowspan 7.4.4对齐方式align、valign 7.4.5单元格的背景色bgcolor 7.4.6单元格的边框颜色bordercolor 7.4.7单元格的亮边框bordercolorlight 7.4，8单元格的暗边框bordercolordark 7.4.9单元格的背景图像background 7.5完整的表格结构 7.5.1表格的表首标记＜thead＞ 7.5.2表格的表主体标记＜tbody＞ 7.5.3表格的表尾标记＜tfoot＞ 7.6表格嵌套 7.7综合应用 7.7.1表格的内部边框样式属性rules 7.7.2表格的边框样式属性frame 7.7.3表格的嵌套应用 7.8本章常见错误 7.8.1背景图像属性放置在＜tr＞标记中 7.8.2cellpadding参数值过大 7.9本章小结 7.10跟我上机 第8章编辑表单页面 （视频讲解：26分钟） 8.1表单概述 8.2表单标记及其属性 8.2.1name属性 8.2.2action属性 8.2.3method属性 8.2.4enctype属性 8.2.5target属性 8.3输入标记＜input＞ 8.3.1文字域text 8.3.2密码域password 8.3.3单选按钮radio 8.3.4复选框checkbox 8.3.5普通按钮button 8.3.6提交按钮submit 8.3.7重置按钮reset 8.3.8图像域image 8.3.9隐藏域hidden 8.3.10文件域file 8.4文本域标记＜textarea＞ 8.5菜单和列表标记＜select＞、＜option＞ 8.6在Dreamweaver中快速创建表单 8.7综合应用 8.7.1让密码域更安全 8.7.2制作个人信息页面 8.7.3编写用户注册信息页 8.8本章常见错误 8.8.1上传文件表单没有设置enctype属性 8.8.2表单中的列表不能实现多选 8.9本章小结 8.10跟我上机 第9章常用的网页标签 （视频讲解：26分钟） 9.1层 9.1.1层的分类 9.1.2定义数据块 9.2＜div＞标签 9.2.1＜div＞标签概述 9.2.2＜div＞标签的属性 9.2.3＜span＞与＜div＞标签 9.3＜layer＞和＜ilayer＞标签 9.3.1标签层的使用 9.3.2＜layer＞和＜ilayer＞标签的区别 9.4＜iframe＞标签 9.4.1＜iframe＞标签概述 9.4.2＜iframe＞标签的属性 9.5综合应用 9.5.1两个div并排 9.5.2应用div制作下拉菜单导航条 9.5.3设置一行两列浮动布局 9.6本章常见错误 9.6.1页面中的id属性值不唯一 9.6.2主体层中z—index属性值大于背景层 9.7本章小结 9.8跟我上机 第10章多媒体页面 （视频讲解：20分钟） 10.1文字的滚动 10.1.1＜marquee＞标记 10.1.2direction属性 10.1.3behavior属性 10.1.4scrollamount属性 10.1.5scrolldelay属性 10.1.6loop属性 10.1.7width、height属性 10.1.8bgcolor属性 10.1.9hspace、vspace属性 10.2背景音乐 10.2.1＜bgsound＞标记 10.2.2loop属性 10.3多媒体文件 10.3.1＜embed＞标记 10.3.2autostart属性 10.3.3loop属性 10.3.4hidden属性 10.4综合应用 10.4.1嵌入MP3音乐 10.4.2嵌入Flash动画 10.5本章常见错误 10.5.1文件URL地址不正确 10.5.2＜embed＞标记的loop属性值设置为数字 10.6本章小结 10.7跟我上机 …… 第2篇提高篇 第3篇实战篇