HTML概述
HTML5技术特点:
1、提高可用性和改进用户的友好体验;
2、有几个新的标签,这将有助于开发人员定义重要的内容;
3、可以给站点带来更多的多媒体元素(视频和音频);
4、可以很好的替代FLASH和Silverlight;
5、当涉及到网站的抓取和索引的时候,对于SEO很友好;
6、将被大量应用于移动应用程序和游戏;
7、可移植性好。
HTML5未来发展趋势:
HTML5规范开发完成时,将成为主流。据统计2013年全球将有10亿手机浏览器支持HTML5,同时HTML Web研发者数量将达到200万。毫无疑问,HTML5将成为未来5-10年内,移动互联网领域的主宰者。据IDC的调查报告统计,截至2012年5月,有79%的移动开发商已经决定要在其应有程序中整 合HTML5技术。12月,万维网联盟宣布已经完成对HTML5标准以及Canvas 2D性能草案的制定,这就意味着开发人员将会有一个稳定的“计划和实施”目标。有很多的文章都在号召使用HTML5,并大力宣传它的好处。此前,站长之家曾经做过一期调查,调查显示只有36.16%的站长正在学习中,另外的63.76%表示正在观望中。作为站长,你是否准备开始学习HTML5?
从性能角度来说,HTML5首先是缩减了HTML文档,使这件事情变得更简单。第一,从用户可读性上说,原先一大堆东西对初学者来说,第一次看到这些东西是看不懂的,而HTML5的声明方式对用户来说显然更友好一些。
课程目录
课时1: 环境搭建和HTML概述
内容:
什么是HTML?(What is HTML)
HTML历史(HTML History)
标签语法(Tag Syntax)
创建第一个网页
浏览器(Web browsers)
课时2:HTML基础标签
内容:
文档类型(DOCTYPE)
网页结构(Web Page Structure)
元数据标签(Meta)
标题标签(Heading )
段落标签(Paragraph)
标尺线标签(horizontal rules)
行打断(break)
有序列表(ordered list)
无序列表(unordered list)
定义列表(definition list)
课时3:超链接和嵌入内容(图片,视频)
内容:
超链接标签(Hyperlinks)
链接选项(Link options)
基础标签(Base)
嵌入图片(Images)
嵌入视频(Videos)
嵌入音频(Audios)
嵌入网页(iframe)
嵌入画布(canvas)
嵌入SVG(SVG)
嵌入PDF,FLUSH等
图片映射(image map)
课时4:表格
内容:
表格/表格行/单元格(Table/Table Row/Table Data)
表格头/表格体/表格脚(thead/tbody/tfoot)
表格标题单元格(Table Heading)
表格标题(Captions)
表格列(colgroup/col)
合并单元格(cell span)
课时5:表单
表单(form)
表单控件(Form controls)
单行文本(input text),多行文本(textarea)
密码框(passowrd)
文件选择框(file)
单选(radiobutton)/多选(checkbox)
按钮(button)
选择菜单(select menu)
控件集(Fieldset)/lengend
标注(lable)
数据列表(DataList)
课时6:分区标签
内容:
语义化的概念(semantics)、 Main、Article、Section、Aside、Header、Footer、Nav、Adress、 blockquote
课时7:文本语义
课时8:其他标签和已过时标签
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
课程大纲
![零基础HTML5.1入门视频教程](https://s2.51cto.com/images/201612/f68441a2243ce7b3bba347a041aacbc81edabd.jpg?x-oss-process=image)
![HTML和CSS 6小时学习经典视频教程](https://s2.51cto.com/wyfs02/M01/59/A4/wKiom1TZ7HGC83ZVAADA_GPV0zY789.jpg?x-oss-process=image)
![HTML网页开发8小时轻松学习【燕十八】](https://s2.51cto.com/wyfs01/M02/36/B9/wKioJlKb8lHy8dBXAAB4fnyov3s698.jpg?x-oss-process=image)
![Xhtml实战视频教程【李炎恢老师】](https://s2.51cto.com/wyfs02/M00/24/9E/wKiom1NUhRfSeb2EAACx-Y4xHWc717.jpg?x-oss-process=image)
![HTML5和CSS3新特性视频教程](https://s2.51cto.com/wyfs02/M01/5B/FD/wKiom1UYutSTyY4vAACYaYkcEP0764.jpg?x-oss-process=image)
![HTML5+CSS3小白基础与提升实战视频课程](https://s2.51cto.com/images/201712/21/23e2b8b94a124c5a8f9695439db27991.jpg?x-oss-process=image)
![HTML零基础快速入门视频课程](https://s2.51cto.com/wyfs01/M02/54/38/wKioJlM7aZuw14PDAALdMkOSQWg827.jpg?x-oss-process=image)
![使用织梦dedecms建设医疗网站实战视频课程](https://s2.51cto.com/wyfs02/M00/40/33/wKiom1PORmjxrY9UAAA-PcR7hX4669.jpg?x-oss-process=image)