嵌入图片

3.8万 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
java工程师,web前端工程师,HTML5开发人员
你将会学到
系统学习HTML5技术,学习如何利用HTML5、CSS3相关技术开发移动web网站和web app等
课程简介

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:其他标签和已过时标签
 

展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交