【2012.11.16】☆☆☆☆開講式課題

課題 HTML

経験者用課題

  • HTML5で記述
  • time要素を記述
  • datetime属性


ブラウザでの表示

ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="ja">
<title>【HTML5_A01】<title>
</head>
<body>
<section>
<h1>日記</h1>
<time date="2012-11-16" pubdate="pubdate">2012年11月16日</time>
<p>今日は、連休に行きたい旅行先をピックアップした。</p>
<ul>
<li>別府温泉</li>
<li>大分県別府市</li>
</ul>
</section>
</body>
</html>


タグの説明

<section> 〜 </section>   <!-- 主題をグループ化する -->

<time date="" pubdate=""> 〜 <time>
<!-- [ time date ]日時を指定  [ pubdate ]（パブデータ）発行日時 -->

<p> 〜 </p>   <!-- [ paragraph ]（パラグラフ）<body>のすぐ下の<p>は重要 -->

<ul> 〜 </ul>   <!-- [Unordered List](アンオーダードリスト)リストを表示させる -->

<!-- [ type ] 属性により、黒丸[ disc ]（基本デフォルト）、白丸[ circle ]、黒四角[ square ]-->

<!-- 指定例：[ ul type="circle" ] -->

表示例

  • 白丸で表示

<ol> 〜 </ol>   <!-- [ Ordered List ]（オーダードリスト）番号付リストを表示させ -->

<li> 〜 </li>   <!-- リスト内容 -->

表示例

  1. 順に番号を付ける
  2. 順に番号を付ける