| TOP |

まとめ

HTML 文書の基本ソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
 <title></title>
</head>
<body>
</body>
</html>

<title> と </title> の間にページのタイトルを書き、 <body> から </body> の間に次のソースを記述します；

基本的な要素とその表示例

表示例HTML ソース

最大見だし

<h1>最大見だし</h1>

第２レベル見だし

<h2>第２レベル見だし</h2>
最小見だし
<h6>最小見だし</h6>
アドレス
<address>アドレス</address>
 
<hr>

段落を記述します。

 
<p>
段落を記述します。
</p>

強制改行
強制改行されます。

 
<p>
強制改行<br>
強制改行されます。
</p>
  • 順番無し箇条書き項目
  • 順番無し箇条書き項目
<ul>
 <li>順番無し箇条書き項目</li>
 <li>順番無し箇条書き項目</li>
</ul>
  1. 順番付き箇条書き項目一
  2. 順番付き箇条書き項目ニ
<ol>
 <li>順番付き箇条書き項目一</li>
 <li>順番付き箇条書き項目ニ</li>
</ol>
定義付き箇条書き
定義をここに記述します。
説明付き箇条書き
説明をここに記述します。
 
<dl>
 <dt>定義付き箇条書き</dt>
  <dd>定義をここに記述します。</dd>
 <dt>説明付き箇条書き</dt>
  <dd>説明をここに記述します。</dd>
</dl>
絶対 URL によるリンク
<a href="http://www.fides.dti.ne.jp/%7Esugai/index.html">絶対 URL によるリンク</a>
相対 URL によるリンク
<a href="../../tips/index.html">相対 URL によるリンク</a>
メールアドレスへのリンク
<a href="mailto:メールアドレス">メールアドレスへのリンク</a>
別ウィンドウを開くリンク
<a href="../../index.html" target="_blank">別ウィンドウを開くリンク</a>
強調と強い強調
<em>強調</em>と<strong>強い強調</strong>
「画像挿入の例」
<img src="../w3c.jpg" alt="「画像挿入の例」">
「画像挿入の例」
<a href="http://www.w4.org"><img src="../w3c.jpg" alt="「画像挿入の例」"></a>
「画像挿入の例」
<a href="http://www.w4.org"><img src="../w3c.jpg" alt="「画像挿入の例」" border="0"></a>
セル１セル２セル３
セル４セル５セル６
<table>
 <tr>
  <td>セル１</td> <td>セル２</td> <td>セル３</td>
 </tr>
 <tr>
  <td>セル４</td> <td>セル５</td> <td>セル６</td>
 </tr>
</table>
見だし見だし見だし
見だしセル１セル２セル３
見だしセル４セル５セル６
<table>
 <tr>
  <td></td> <th>見だし</th> <th>見だし</th> <th>見だし</th>
 </tr>
 <tr>
  <th>見だし</th> <td>セル１</td> <td>セル２</td> <td>セル３</td>
 </tr>
 <tr>
  <th>見だし</th> <td>セル４</td> <td>セル５</td> <td>セル６</td>
 </tr>
</table>
見だし見だし見だし
セル１セル２セル３
セル４セル５セル６
<table border="4">
 <tr>
  <th>見だし</th><th>見だし</th><th>見だし</th>
 </tr>
 <tr>
  <td>セル１</td><td>セル２</td><td>セル３</td>
 </tr>
 <tr>
  <td>セル４</td><td>セル５</td><td>セル６</td>
 </tr>
</table>
表題
見だしセル１セル２セル３
見だしセル４セル５セル６
<table border="1">
<caption>表題</caption>
 <tr>
  <th>見だし</th><td>セル１</td><td>セル２</td><td>セル３</td>
 </tr>
 <tr>
  <th>見だし</th><td>セル４</td><td>セル５</td><td>セル６</td>
 </tr>
</table>
見だしセル１セル２
見だしセル３セル４セル５
見だしセル６セル７セル８
<table border="1">
 <tr>
  <th>見だし</th> <td colspan="2">セル１</td> <td>セル２</td>
 </tr>
 <tr>
  <th>見だし</th> <td>セル３</td> <td>セル４</td> <td>セル５</td>
 </tr>
 <tr>
  <th>見だし</th> <td>セル６</td> <td>セル７</td> <td>セル８</td>
 </tr>
</table>
見だしセル１セル２セル３
セル４セル５セル６
見だしセル７セル８セル９
<table border="1">
 <tr>
  <th rowspan="2">見だし</th> <td>セル１</td> <td>セル２</td> <td>セル３</td>
 </tr>
 <tr>
  <td>セル４</td> <td>セル５</td> <td>セル６</td>
 </tr>
 <tr>
  <th>見だし</th> <td>セル７</td> <td>セル８</td><td>セル９</td>
 </tr>
</table>

| TOP |

FC2> モビット