Your SlideShare is downloading. ×
130107html5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

130107html5

234
views

Published on

html5

html5


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
234
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. HTML5とは? ざっくり覚えておくHTML513年1月8日火曜日
  • 2. 今までのHTMLは 文章を作成するのが目的13年1月8日火曜日
  • 3. HTML5は アプリケーションが加わる13年1月8日火曜日
  • 4. 13年1月8日火曜日
  • 5. 13年1月8日火曜日
  • 6. 13年1月8日火曜日
  • 7. 今まで複雑だった処理が簡単に出来て、 HTMLをより構造的にスッキリ書ける13年1月8日火曜日
  • 8. 今まで複雑だった処理が簡単に出来て、 HTMLをより構造的にスッキリ書ける13年1月8日火曜日
  • 9. 今まで複雑だった処理が簡単に出来る <img> • メディアファイル13年1月8日火曜日
  • 10. 今まで複雑だった処理が簡単に出来る <Video> • メディアファイル13年1月8日火曜日
  • 11. 今まで複雑だった処理が簡単に出来る <Audio> • メディアファイル13年1月8日火曜日
  • 12. 今まで複雑だった処理が簡単に出来る • メディアファイル • グラフィック描画13年1月8日火曜日
  • 13. 今まで複雑だった処理が簡単に出来る • メディアファイル • グラフィック描画13年1月8日火曜日
  • 14. 今まで複雑だった処理が簡単に出来る • メディアファイル • グラフィック描画 • 高機能なフォーム13年1月8日火曜日
  • 15. 今まで複雑だった処理が簡単に出来て、 HTMLをより構造的にスッキリ書ける13年1月8日火曜日
  • 16. <div id=”header”> <div id=”main”> <div id=”sid”> <div id=”fotter”>13年1月8日火曜日
  • 17. header要素 <header> (header) <h1>ヘッダー</h1> <nav> … … … </nav> </header> … … …13年1月8日火曜日
  • 18. section要素 <section> (section) <h2>見出し1</h2> <section> (section) <h3>見出し1.1</h3> … (内容) … </section> <section> (section) <h3>見出し1.2</h3> … (内容) … </section> </section>13年1月8日火曜日
  • 19. article要素 <article> (article) <h3>記事1</h3><br><br> </article> <article> (article) <h3>記事2</h3><br><br> </article>13年1月8日火曜日
  • 20. nav要素 <nav> ナビゲーション <ul> <li class="navlink"><a href="xxx1.html">サイ ト内リンク1</a></li> <li class="navlink"><a href="xxx2.html">サイ ト内リンク2</a></li> <li class="navlink"><a href="xxx3.html">サイ ト内リンク3</a></li> </ul> </nav>13年1月8日火曜日
  • 21. だから何やねん?13年1月8日火曜日
  • 22. SEOなどに関係してくる可能性13年1月8日火曜日
  • 23. CSS3 JavaScript13年1月8日火曜日
  • 24. すぐにいる技術なの? ・まだブラウザの対応も様々 ・ユーザーにはHTML5かどうかは関係ない ・今のままでもHPを作るだけなら問題なし13年1月8日火曜日
  • 25. いずれはHTML5が標準となり できる幅が広がる・・・13年1月8日火曜日
  • 26. いずれはHTML5が標準となり できる幅が広がる・・・はず13年1月8日火曜日
  • 27. じゃいつやるの?13年1月8日火曜日
  • 28. 今でしょ!!13年1月8日火曜日