HTML5（2）
前言：最近在学HTML5，想想还是把笔记放到博客来，一来可以相互分享和交流学习，二来可以督促自己不要放松！
下面贴上代码：源代码已经打包上传到我的资源里面，可以下载运行。
源码下载链接：
&!--根标签--&
&!--头部标签--&
src和href的区别
src:引用,该资源是页面不可缺少的一部分,如(img标签 video标签 radio标签);
href:引入,引入外部资源,如(a标签 link标签)
& & &&meta charset=&UTF-8&&
& & &&title&第一个程序&/title&
&!--身体标签--&
& & &你好,世界!
& & &meta charset=&UTF-8&&
& & &title&&/title&
&!--标题标签--&
& & &h1&11111&/h1&
& & &h2&11111&/h2&
& & &h3&11111&/h3&
& & &h4&11111&/h4&
& & &h5&11111&/h5&
& & &h6&11111&/h6&
& & &div&2222&/div&
& & &div&222&/div&
& & &div&&/div&
& & &div&&/div&
&!--段落标签--&
& & &p&eeeeeeeeeedffkjhefhjgerhjkjher&/p&
& & &p&eeeeeeeeeedffkjhefhjgerhjkjher&/p&
& & &p&eeeeeeeeeedffkjhefhjgerhjkjher&/p&
&!--输入框标签--&
& & &input&&br&
& & &input placeholder=&请输入用户名&&&br&&br&&br&
& & &input value=&张三&&&br&
& & &input type=&color&&&br&
& & &input type=&checkbox&&&br&
& & &input type=&date&&&br&
& & &input type=&range&&&br&
&!--换行标签--&
&!--超链接标签--&
& & &a href=&& target=&_blank&&百度一下,你就不知道&/a&
&!--图像标签
& & 相对路径 项目中的资源
& & 绝对路径 http:// https:// ftp:// file://
& & &img src=&/img/bd_logo1.png& width=&100& height=&150&&
& & &img src=&img/7.jpg& width=&100& height=&150&&
& &!--列表标签--&
& & & &&li&111111&/li&
& & & &&li&222222&/li&
& & & &&li&333333&/li&
& & & &&li&444444&/li&
& &!--容器标签--&
& &&div&&/div&
&!DOCTYPE html&
&head lang=&en&&
& & &meta charset=&UTF-8&&
& & &title&富士康PK万达：同时转型电商背后差别在哪？&/title&
& &!--文章--&
& &&article&
& & & &&!--头部--&
& & & &header&
& & & & & &h1&富士康PK万达：同时转型电商背后差别在哪？&/h1&
& & & & & &h4&一言楠尽08月28日 07:30 富士康万达富连网分类 :互联网阅读 :39075&/h4&
& & & &/header&
& & & &&!--章节--&
& & & &section&
& & & & & &h3&1、核心战略PK&/h3&
& & & & & &p&富连网是富士康旗下专业的3C数码电商平台，其最大的亮点是主营3C数码家电品类的产品，有点类似早期的京东，希望利用富士康的产业链优势，从B2C出发最后形成一个C2B的完整生态圈闭环；在服务与资源上看，富士康为富连网提供了相当多区别于传统电商的玩法，甚至独自完成了首届智能手表节的营销推广活动。&/p&
& & & & & &p&对万达电商来说，其主体是“飞凡网”，由万达、百度、腾讯共同出资成立，核心是重新整合万达集团线下资源，实现线上线下业务和服务融合，要打造一个“全球性”O2O开放式电商平台”。此外，该平台不以城市做为分界依据，而是以万达广场为辐射核心，这也是在最大程度上利用万达商业地产的资源来进行扩张。&/p&
& & & &/section&
& & & &section&
& & & & & &h3&2、服务层级PK&/h3&
& & & & & &p&事实上，中国互联网发展这十几年鲜有巨头直接合作成功的案例，大多是好聚不好散，尤其是对万达来说，如果把希望都寄托在百度与腾讯身上，也是颇为危险的——要知道“BT”这两个国内最大的互联网公司目前都希望抓住O2O的风口实现二次突破，万达何尝又不是他们眼中的“土大款”呢？初期弄明白O2O电商的玩法后，未来万达电商应该更注重自身品牌与渠道的建设。&/p&
& & & &/section&
& & & &&!--尾部--&
& & & &footer&
& & & & & &h5&作者介绍：穆楠，《复制互联网之三》系列图书作者，百度百家、网易、搜狐、艾瑞等多家网站专栏作家，科技专栏「一言楠尽」创办人。&/h5&
& & & &/footer&
& &&/article&
练习4：HTML5常用标签
&!DOCTYPE html&
&head lang=&en&&
& & &meta charset=&UTF-8&&
& & &title&&/title&
& &&progress value=&20& max=&100&&&/progress&
& &&audio src=&source/music.m4a& controls=&controls&&&/audio&
& &&video src=&source/BigBuck.m4v& controls=&controls&&&/video&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：126975次
积分：3146
积分：3146
排名：第7553名
原创：199篇
转载：70篇
评论：16条
(4)(4)(22)(53)(43)(20)(7)(29)(14)(14)(5)(6)(4)(1)(21)(3)(2)(1)(6)(1)需求发布后1小时内收到服务商响应每个需求平均有10个服务商参与95%以上的需求得到了圆满解决所有需求不向雇主收取任何佣金引爆店铺流量，提升网店销量
已有一个学习网站，现在要改为用html5做的手机版前端
有相似问题想解决?专业顾问来帮助您
匹配服务商
选择服务商，签单
服务商工作
验收工作，满意后付款
已投标服务商
综合评分：5颗星
速度：5.00
服务：5.00
态度：5.00
好评率：100%
共有15个服务商参与报价，查看更多服务商报价
参与报价,开始赚钱
提交你的报价和方案
中标后交付作品
获得任务赏金
急速:10分钟急速响应
省心:标准化服务
放心:不满意全额退款(免单)5000家学校 100万学员的选择 .cn
&欢迎光临培训通
HTML5前端开发课程主要学什么
&来源： &&&责任编辑：信息中心&&&发布时间： 12:40:26 & 浏览-次
HTML5前端开发课程主要学什么H5的课程，要求的门槛不高，对于基础薄弱的学员来说，是个不错的选择。主要学习HTML、HTML5、CSS、CSS3、JavaScript、AJAX、jQ等等。HTML、CSS主要是做网站的页面，结课的标准需要你做一个PC端的淘宝首页和一个移动端淘宝页面；JavaScript、AJAX、JQ、等，主要做网站的各种交互和后台的数据处理，结课的要求是做出一个完整的网站，或者基于网页端的游戏，或者应用。这里简单给大家截个阶段学习图：&具体的课程大纲大家可点击进入学习：HTML5课程大纲&HTML5学习资源群&，此群内会分享相关学习资料等内容。有兴趣的朋友也可以加入进来。本文由“蓝鸥科技”供稿，欢迎访问“ 相关新闻：?????
&文章标签：&, ,
&本地相关课程推荐：
&&综合广告
①本网注明“来源：培训通”的所有作品，版权均属于培训通，未经本网授权不得转载、摘编或利用其它方式使用上述作品。已经本网授权使用作品的，应在授权范围内使用，并注明“来源：培训通”。违反上述声明者，本网将追究其相关法律责任。
② 凡本网注明“来源：XXX（非培训通）”的作品，均转载自其它媒体，转载目的在于传递更多信息并不代表本网赞同其观点和对其真实性负责。
③ 如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。
&&热点新闻;
??????????更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
内容提供方：
总播放量：
播放量数据：
方式2：免费发送短信到手机
此短信不收取任何费用，保证您的手机号安全不被泄露
下载APP到本机
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
收藏成功，可进入查看所有收藏列表
安装爱奇艺视频桌面版，只需10秒马上开始下载本专辑
您上次观看到{{videoOrder}}集{{#wHour}}{{wHour}}时{{/wHour}}{{#wMinutes}}{{wMinutes}}分{{/wMinutes}}{{#wSeconds}}{{wSeconds}}秒{{/wSeconds}}
正在加载...
当前剧集目前暂无内容或版权，请持续关注更新
{{ each data as item index}}
{{if item.isYugao}}{{/if}}
{{if item.isNeedPay }}{{else if item.isNew }}{{/if}}
正在加载...
当前剧集目前暂无内容或版权，请持续关注更新
{{ each data as item index}}
本课主要讲解HTML5Canvas标签绘制图形
本课主要讲解HTML5Canvas标签绘制图片
本课主要讲解认识createjs
正在加载...
该专辑目前暂无剧情，请持续关注更新
{{ each data as item index}}
{{if item.desc && !item.isYugao}}
{{if item.vurl}}{{else}}第{{item.pd}}集{{/if}}
{{item.desc}}
{{if item.videoFocuses }}
{{ each item.videoFocuses as item0 index2 }}
{{item0.timeV2}}{{if item0.vPointUrl}}{{else}}{{item0.desc}}{{/if}}
正在加载...
该专辑目前暂看点，请持续关注更新
{{ each data as item index}}
{{if item.desc }}
{{if item.vUrl}}{{else}}{{item.shortTitle}}{{/if}}
{{item.desc}}
{{if item.videoFocuses }}
{{ each item.videoFocuses as item0 index2 }}
{{item0.timeV2}}{{if item0.vPointUrl}}{{else}}{{item0.desc}}{{/if}}
该专辑目前暂无片花，请持续关注更新
该专辑目前暂无预告片，请持续关注更新
爱奇艺客户端下载
正在加载...
{{ each data as item index}}
{{item.playCount_v2}}
{{if !item.solo && item.latestOrder }}
{{if item.latestOrder == item.videoCount }}
{{item.videoCount}}集全
{{else if (item.videoCount===0 && item.latestOrder>item.videoCount) }}
更新至{{item.latestOrder}}
{{else if (item.videoCount && item.latestOrder<item.videoCount) }}
{{if item.latestUrl}}{{else}}更新至{{item.latestOrder}}{{/if}}/共{{item.videoCount}}集
教育风云榜
选择下载剧集}