HTML5実例タグ | ＨＴＭＬ５中級講座サブテキスト

簡単なゲーム、他

簡単なゲーム下記の圧縮ファイルをダウンロード＆解凍してください。 http://5html.net/wp-content/uploads/2016/09/39_after.zip マウスからパーティクル「HTML5デ […]

投稿日: 2016年9月2日投稿者: %s tobita11

マウスイベントを取得して、CANVASの上に文字を描きます HTMLサンプル文字：<input type=”text” size=”4″ id=”char” value=”翔”> <input typ […]

投稿日: 2016年9月2日投稿者: %s tobita11

HTMLサンプル <form> <input type=”file” id=”filedata” accept=”image/*” multiple><br> <input ty […]

投稿日: 2016年9月2日投稿者: %s tobita11

HTML5ではローカルのテキストファイルを読み込むことができます。 HTMLサンプル <form> <input type=”file” id=”filedata” accept=”text/*”&gt […]

取得した位置情報ををGoogleマップに表示してみましょう。マップへの現在地表示ＨＴＭＬソース <!DOCTYPE html> <html> <head> <meta cha […]

投稿日: 2016年9月2日投稿者: %s tobita11

HTML5では、位置情報取得のためのGeolocationAPIが用意されています。現在地の取得実　例ＨＴＭＬソース <form> <input type=”button” id=”get” va […]

データをローカル環境に保存して、やりとりするために、以前はCookieを使用していました。ですが、HTML5からはWebStorageを使用できることになりました。 WebStorage 「WebStorage（ウェブス […]

投稿日: 2016年9月1日投稿者: %s tobita11

ＨＴＭＬ５で、画像の描画を自由にできるようになりました。それがＣＡＮＶＡＳ機能です。ＨＴＭＬはシンプル <canvas id=”myCanvas” width=”640″ height=”360″> Ca […]

投稿日: 2016年9月1日投稿者: %s tobita11

ＨＴＭＬ５では、オーディオファイルを再生できるようになりました。いままでもbgsound　や　ｆｌａｓｈなどで稼働で来たのですが、ＨＴＭＬ５では各種のブラウザやメーカーに依存しない再生ができるようになりました。サンプ […]

投稿日: 2016年9月1日投稿者: %s tobita11

ＨＴＭＬ５で強化された入力フォーム。今まですべてをｊａｖａｓｃｒｉｐｔなどでやってきたのを、ある程度の部分までＨＴＭＬ５の機能でカバーすることが可能です。ＨＴＭＬ５フォーム機能　サンプルコード（10日で覚えるＨＴＭＬ […]