html5
asideタグは「補足」的な使い方を意味する。 自分にとってわかりやすかった例を取って残しておきます。
em強調する。html5以前のstrongタグ strong強調よりも弱いが、重要なワードに使用 b見た目だけの強調
sectionタグ→検索エンジンにあまり関係せず、人が見るための段落。単純に分割を行うだけ。 articleタグ→簡単に言うとRSSリーダーで読むヘッドラインと内容にあたる。結構検索エンジンにかかわるかも。 divタグ→検索エンジンにも関係なく、単純な箱。見た目だ…
こんなイメージ
どうやらgoogleはヘッドラインのキーワード検索の優先度を低くした模様。 別の方も http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli05/01.htmlこのように書かれていますが、 Chromeのプラグイン-HTML5 Outliner https://chrome.google.com/webstor…
連絡先を表示させなさい。 （課題23）の続き 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題23</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
連絡先を表示させなさい。 （課題２１）の続き 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題23</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
写真と写真タイトルをまとめて表示させなさい。 カフェランチブログ 人気スイーツについて 疲れた時に美味しいスイーツを食べると、疲れも吹っ飛びますね。人気のバナナ豆乳シェイクのようなドリンクをはじめ、スイーツの定番である自家製ケーキも各種取り揃…
補足情報も含めて表示させなさい カフェランチブログ 7月1週目ランチ ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け！ぜひ食べに来てくださいね。 ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。 ロコ…
見出しをまとめて表示させなさい。 七夕 日本五節句の一つ 七夕の語源 「古事記」または、日本書紀に登場する。 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題20</title> <link rel="stylesheet" href=""> <script src=""></script> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> </link></meta></head></html>
ブログのエントリー記事を表示させなさい。 カフェランチブログ 7月1週目ランチ ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け！ぜひ食べに来てくださいね。 ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモ…
文章を内容でわけて表示させなさい。 クリスマスオーナメント クリスマスツリーに飾られるオーナメントをご紹介します。 ツリートップ クリスマスツリーの先端に飾られるオーナメントで、星型をしていることが多い。地域によっては天使が使用されることもあ…
音声を再生させなさい。 audio要素：プラグインを使わず、音声を再生する src属性：音声ファイルのアドレスを指定する controls属性：音声の再生や停止ボタンなどのユーザーインターフェイスを表示する autoplay属性：音声が再生可能になると自動で再生する …
動画を表示させなさい。 video要素：プラグインを使わずに動画を再生する src属性：動画ファイルのアドレスを指定する controls属性：ビデオの再生や停止ボタンなどのユーザーインターフェイスを表示する autoplay属性：動画を読み込むと自動で再生する loop…
地図のPDFを表示させなさい。 object要素：外部ファイル・コンテンツを組み込む data属性：組み込むファイル・コンテンツのアドレスを指定する 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題13</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
コピーライトを表示させなさい。 コピーライトを表示 コピーライトとは著作権という意味です。 Copyright © studio しっぱ-schip-. All Rights Reserved. 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題14</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
話している部分を区別して表示させなさい。 今日はとても暑い日だった。日陰を歩いていたら、近くに居た人の声が聞こえてきた。 「わあ！キレイ・・・！」 思わず声のする方に目をやると、とてもキレイなひまわりが咲いていた。 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題12</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
日付を表示させなさい。 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題11</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
引用を表示させなさい。 cite要素：引用元の作品名⇒引用：グスコーブドリの伝記 q(quote)要素：フレーズの引用を表す ⇒グスコーブドリは、(引用)イーハトーヴの大きな森のなかに生まれました。(引用) blockquote要素：まとまったかたまりの引用を表す ⇒「グ…
面積の単位を表示させなさい。 「面積の単位を表示 １辺の長さが１メートルの正方形の面積は、１m2と表します。」 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題09</title> <link rel="stylesheet" href=""> <script src=""></script> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> </link></meta></head></html>
二酸化炭素の化学式を表示させなさい。 化学式を表示 二酸化炭素の化学式はCO2です。 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題08</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
ルビをふって表示させなさい。 １．日本橋 ２．茅場町 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>ルビ</title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
USAを略語として表示させなさい。 「USAを略語として記述 USAはアメリカ合衆国の略称です。」 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> <script src=""></script> </link></meta></head></html>
TPOを定義語として表示させなさい。 「TPOを定義語として記述 TPOは、時と場所と場合にあった服装やふるまいをすることであると定義されています。」 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題05</title> </head> <body> <h1>TPOを定義語として記述</h1> <p><dfn title="Time,Place,Occasion">TPO</dfn>は、時と場所と場合にあった服装やふるまいをすること</p></body></html>…
「ロールケーキ」の部分を、他との違いを表して記述しなさい。 「重要性ではなく違いを表示 最近コンビにで売っているケーキ類が美味しい。特にロールケーキが美味しい。」 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題04</title> </head> <body> <h1>重要性ではなく違いを表示</h1> <strong>注意事項</strong> <p>最近コンビにで売って</p></body></html>…
「注意事項」の部分を、相対的に重要性な高いレベルとして記述しなさい。 「注意、Attentionを表示 注意事項 誤って飲み込むおそれがありますので、お子様の手の届かない所で保管してください。」 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題03</title> </head> <body> <h1>注意、Attentionを表示</h1> <strong>注意事項</strong> <p>誤</p></body></html>…
「ソファーがあって」の部分を強調して記述しなさい。 「重要なフレーズを強調 好きなカフェの条件は、ソファーがあって、コーヒーがおいしいことです。」 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題02</title> </head> <body> <h1>重要なフレーズを強調</h1> <p>好きなカフェの条件は、<em>ソファーがあって</em>、コーヒーが</p></body></html>…
ドキュメントタイプ宣言を記述し、エンコードタイプを「UTF-8」で記述しなさい。 解答 <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5課題01</title> </head> <body> </body> </html> これで最小単位だと思います。
hgroupもいまいちわからないタグでしたが、とほほさんのページがイメージしやすいかも。。。 世代にもよりますがｗhttp://www.tohoho-web.com/html/hgroup.htmまだ熱が下がらず休息中。 なんとか手書き課題だけやりたい。。。
headlineタグは基本的に体言止めであること headlineタグの次にはpタグでサイト全体の説明を入れる 設定しているキーワードはページ全体にまんべんなく配置 関連事項 現在自分の作成したFreeNameCardzはGoogleであ完全にスパムサイトとしてインデックスされ…
