文書構造と表組み

授業

本文（ほんもん）


ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name ="description" content="ページの内容を説明する文章">
<meta name="keywords" content="キーワード１,キーワード2,キーワード3">
<title>ホームページ</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>内容</p>


ブラウザ表示

border


ソースコード

<table border="1" summary="カリキュラム内容のイメージ">
<tr>
<th>科目</th>
<td>内容</td>
</tr>
<tr>
<th>国語</th>
<td>正しい文書構造を理解する（パラグラフの概念）</td>
</tr>
<tr>
<th>算数</th>
<td>JavaScript,ActionScript,PHPなどでプログラミングの考え方を理解する</td>
</tr>
<tr>
<th>理科</th>
<td>力学からコンピュータの描画を理解する</td>
</tr>
<tr>
<th>社会</th>
<td>デザインの歴史、Webの歴史を通じていま必要なことを理解する</td>
</tr>
<tr>
<th>英語</th>
<td>Webのバックグラウンドから理解するために必要な言葉の理解する</td>
</tr>
<tr>
<th>図工</th>
<td>クロッキーと図解、デザインのルールを理解する</td>
</tr>
</table>


ブラウザ表示

address


ソースコード

<address>フェリカテクニカルアカデミー<br>
〒171-0022 東京都豊島区南池袋2-4-3 ホウライビル２F　連絡先:03-3981-7201
</address>


ブラウザ表示

a href


ソースコード

<a href="移動先のアドレス">◎◎◎ページへ移動</a>
<a href="移動先のアドレス"><img src="画像の住所" width="幅" height="高さ" alt="代替え文字"></a>
<a href="mailto:xxx@xxx.net">お問い合わせ（メールソフトが起動します）</a>


ブラウザ表示


全体のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name ="description" content="ページの内容を説明する文章">
<meta name="keywords" content="キーワード１,キーワード2,キーワード3">
<title>ホームページ</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>内容</p>

<table border="1" summary="カリキュラム内容のイメージ">
<tr>
<th>科目</th>
<td>内容</td>
</tr>
<tr>
<th>国語</th>
<td>正しい文書構造を理解する（パラグラフの概念）</td>
</tr>
<tr>
<th>算数</th>
<td>JavaScript,ActionScript,PHPなどでプログラミングの考え方を理解する</td>
</tr>
<tr>
<th>理科</th>
<td>力学からコンピュータの描画を理解する</td>
</tr>
<tr>
<th>社会</th>
<td>デザインの歴史、Webの歴史を通じていま必要なことを理解する</td>
</tr>
<tr>
<th>英語</th>
<td>Webのバックグラウンドから理解するために必要な言葉の理解する</td>
</tr>
<tr>
<th>図工</th>
<td>クロッキーと図解、デザインのルールを理解する</td>
</tr>
</table>

<address>フェリカテクニカルアカデミー<br>
〒171-0022 東京都豊島区南池袋2-4-3 ホウライビル２F　連絡先:03-3981-7201
</address>

<a href="移動先のアドレス">◎◎◎ページへ移動</a>
<a href="移動先のアドレス"><img src="画像の住所" width="幅" height="高さ" alt="代替え文字"></a>
<a href="mailto:xxx@xxx.net">お問い合わせ（メールソフトが起動します）</a>

</body>
</html>


ブラウザで表示