2012-07-09から1日間の記事一覧

HTML5:address要素とfooter要素

【HTML5課題23】 連絡先を表示させなさい。 <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>7月1週目ランチ</h2> <p>ランチ特製ロコモコ丼が人気です。ボリューム満点のハンバーグに特製ソースで味付け!ぜひ食べに来てくださいね。</p> <p><img src="image/locomoco.jpg" width="450" height="338" alt="ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。"></p> <aside> <h3>ロコモコ丼の豆知識</h3> <p>ハワイ島で学生向けの…</p></aside></article></body>

HTML5:figure要素とfigurecaption要素

【HTML5課題22】 写真と写真タイトルをまとめて表示させなさい。 <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>人気スイーツについて</h2> <p>疲れた時に美味しいスイーツを食べると、疲れも吹っ飛びますね。人気のバナナ豆乳シェイクのようなドリンクをはじめ、スイーツの定番である自家</p></article></body>…

HTML5:hgroup要素とaside要素

【HTML5課題20】 見出しをまとめて表示させなさい。 <body> <header> <hgroup> <h1>七夕</h1> <h2>日本五節句の一つ</h2> </hgroup> </header> <section> <h3>七夕の語源</h3> <p>「古事記」または、日本書紀に登場する。</p> </section> </body> hgroup要素 フロー・コンテンツ、ヘディング・コンテンツ 見出しをグループ化する 【HTML5課題21】 補足情報も含めて…

HTML5:section要素とarticle要素

【HTML5課題18】 文章を内容でわけて表示させなさい。 <header> <h1>クリスマスオーナメント</h1> <p>クリスマスツリーに飾られるオーナメントをご紹介します。</p> </header> <section> <h2>ツリートップ</h2> <p>クリスマスツリーの先端に飾られるオーナメントで、星型をしていることが多い。地域によっては天使が</p></section>…

授業メモ 7月9日

HTML5 googleの検索エンジンはtitle,description,pが拾われる。 hは拾われない articleはRSSフィードで読まれるもの section使う場合はH1をつかう。 hが読まれるのはarticle articleはhの種類までは拾わない hは階層構造の役割ではないか? Jimdo discriptio…

HTML5 テキストの論理構造(3)

【HTML5課題11】 日付を表示させなさい。 <body> <h1>上野動物園のパンダに赤ちゃんが生まれる</h1> <time datetime="2012-07-06" pubdate="pubdate">2012年7月6日</time> 2012年7月6日 </body> 【HTML5課題12】 話している部分を区別して表示させなさい。 <body> <h1>日記内で人が話している部分を区別</h1> <p>今日はとても暑い日だった。日陰を歩いてい</p></body>…

HTML5 テキストの論理構造(2)

【HTML5課題05】 TPOを定義語として表示させなさい。 <body> <h1>TPOを定義語としての記述</h1> <p><dfn title="Time,Place,Occasion">TPO</dfn>は、時と場合と場所にあった服装や振る舞いをすることであると定義されています。</p> </body> 【HTML5課題06】 USAを略語として表示させなさい。 <body> <h1>USAを略語として記述</h1> <p><abbr title="United States of America">USA</abbr>はアメリカ</p></body>…