Html基础入门

Html基础入门

适用人群: java工程师,web前端工程师,HTML5开发人员


Html基础入门
共27课时
4小时56分16秒
2017-01-10更新


课程目标

系统掌握HTML5技术,学会如何利用HTML5、CSS3相关技术开发移动web网站和web app等

适用人群

java工程师,web前端工程师,HTML5开发人员

课程简介

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:其他标签和已过时标签
down-8007-c1d558c6921cad0ba820138f52062b736455cb.png


视频列表

开发环境搭建和第一个网页

HTML概述

HTML标签语法

HTML语法练习题

HTML标签属性语法

网页基础标签

body中标签初体验

HBuilder的使用

列表标签

链接到某个网页

base标签

锚点

嵌入图片

图片映射

嵌入音频视频

嵌入网页

嵌入网页作业

嵌入PDF,FLUSH等

表格标签1

表格标签2

单选框和多选框

input标签系列介绍

editplus的使用

文本语义标签

分区和分组标签

head下子标签

其他和已过时标签

打赏
  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!
  • © 2015-2022 juststudy
  • PV: UV:

请我喝杯咖啡吧~

支付宝
微信