ウェブ学のすすめ

Study of Web Design & Programing

【HTML01】文書構造の練習

課題

  • 以下の内容をHTML文章にしてブログに載せなさい
  • サンプルなど見ないで入力すること(できるようになるまで繰り返す)
  • DTDとmetaは不要
【HTML01】文書構造の練習

結論:大見出し

要約

結論:検証

解説

検証の項目
検証の項目
検証の項目

解説

順序のある検証の項目
順序のある検証の項目
順序のある検証の項目

100✕100の画像(パスは記述しない)


9月25日
フェリカテクニカルアカデミーWeb実践講座開講
9月26日
HTMLの基本構造の入力練習
9月27日
定義型リストと表組みの練習

科目	内容
Webサイト構築	正しい文書構造を理解する(パラグラフの概念)
プログラミング	JavaScript、ActionScript、PHPなどでプログラミングの考え方を理解する
Web画像	力学からコンピュータの描画を理解する

引用元:HTML01 - Webデザインの勉強|忘筌

解答

HTML文書の練習【HTML01】 - jsdo.it - share JavaScript, HTML5 and CSS

<html>
<head>
<title>【HTML01】 文書構造の練習</title>
</head>
<body>
<h1>結論:大見出し</h1>
<p>要約</p>
<h2>結論:検証</h2>
<p>解説</p>
<ul>
<li>検証の項目</li>
<li>検証の項目</li>
<li>検証の項目</li>
</ul>
<p>解説</p>
<ol>
<li>順序のある検証の項目</li>
<li>順序のある検証の項目</li>
<li>順序のある検証の項目</li>
</ol>
<p><img src="" width="100" height="100" alt=""></p>
<dl>
<dt>9月25日</dt>
<dd>フェリカテクニカルアカデミーWeb実践講座開講</dd>
<dt>9月26日</dt>
<dd>HTMLの基本構造の入力練習</dd>
<dt>9月27日</dt>
<dd>定義型リストと表組みの練習</dd>
</dl>
<table border="1" summary="授業内容">
<tr><th>科目</th><td>内容</td></tr>
<tr><th>Webサイト構築</th><td>正しい文書構造を理解する(パラグラフの概念)</td></tr>
<tr><th>プログラミング</th><td>JavaScript、ActionScript、PHPなどでプログラミングの考え方を理解する</td></tr>
<tr><th>Web画像</th><td>力学からコンピュータの描画を理解する</td></tr>
</table>
</body>
</html>