html5个人网站,HTML个人网站

怎么用html5制作个人主页

总体把页面一分为二,header是包含在article里面的,页脚部分是单独的一块儿。大致结构获悉了后再从局部入手,header部分,有主标题、副标题、还有作者署名,前面我们讲过,如果除了主标题,还有一个副标题,那可以把这两个标题写在一个hgroup元素中。如果除了主标题之外,还有其他内容,比如内容摘要、发表时间、作者、图片或者小标题链接等,那就应该把他们放在一个 header元素中。

成都创新互联公司主营临夏州网站建设的网络公司,主营网站建设方案,app软件定制开发,临夏州h5重庆小程序开发搭建,临夏州网站营销推广欢迎临夏州等地区企业咨询

header

hgroup

h1给个人博客增加色彩元素提升网站用户体验/h1

h2网页的色彩——决定用户是否驻足停留的关键/h2

/hgroup

p class="Byline"design by DanceSmile/p

/header

接下来是文章正文部分:

部分代码:

div class="Content"

p第一眼看到杨青个人博客网站的时候,如果你喜欢.../p

...

/div

正文当中还有一幅插图,html5新增加了插图这个figure语义元素,figcaption不是只能包含文本,任何html元素都可以,比如链接、小图标。figcaption包含了对图片的完整说明,所以alt文本就显得多于了,这种情况下,可以把img元素中的alt属性删除:

figure

img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"

figcaption图片来源:腾讯CDC《浅析网页色彩应用》/figcaption

/figure

最后在把上面的代码写在article里面。

footer部分只是一些简单的页脚信息。

初学HTML5技术,有这些网站就够了

HTML5基础知识网站

1.W3C

全称“W3School”,简直是学习网站中的“战斗机”,每一节都有学生时代老师般的“板书”,丰富的实例展示,还有工具书、小测验等提升工具,私教般的存在!

2.Dive into HTML5

这个网站几乎都是关于HTML5的文档,讲一些很基础的知识,简洁清新。如果想学习HTML5的同时提高英语阅读能力,这个网站是极好的。类似的英文网站还有woorkup。

3.h5之家

除了丰富且与时俱进的教程,这个网站还有很多关于HTML5业界的独特见解,闲暇时候看看,拓展知识又能在人前装X,这样的网站哪里找!

HTML5案例网站

1.HTML5xCSS3

拥有超丰富的HTML5案例和模板,随便点开一个案例都好看到让人震惊。里面的全部都是HTML5响应式网站哟!

2.360html5基地

350旗下的HTML5作品展示网站,大部分是HTML5游戏展示,可爱有趣。比如打开一个割绳子的HTML5展示:

3.HTML5 Games

相对360来说更丰富的HTML5游戏资源,玩着玩着技能激发设计灵感呢!

HTML5技术网站

1.whatwg

网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客,里面一些文章能让人受益匪浅。

2.HTML5医生

一些关于html5语义及如何使用它们的文章,医生会定时回答网友们的问题。

3.HTML5中国

一个真的能手把手教你6小时做一个HTML5坦克大战游戏的网站,还有各类HTML5的资讯、沟通交流论坛等。

HTML5测试网站

1.HTMLDemos

测试HTML5标签在各浏览器的兼容性,还能查看各种HTML5的标准Demo演示。

2.html5 test

能为浏览器对HTML5的兼容性打分,可以知道你当前的浏览器对HTML5的支持情况如何,各种标签和组件的支持情况。

所以,网站已经分享给你们了,如果真心要学习此项技能,快去实践吧!

HTML5作业 创建个人网站 简单的就可以,四五个网页就够了?

这个比较简单,很多都可以去下载到的!不过下载的很多都是写的比较高级,看起来不像作业,不知道你具体的需求是怎样的,是简单的DIV+CSS还是html5+css3的,又或者是带有后台程序的


分享标题:html5个人网站,HTML个人网站
文章起源:http://scyanting.com/article/dsddjjj.html