まとめ

Since: 29th/May/2002

HTML 文書の基本ソース

<?xml version="1.0" encoding="Shift_JIS" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
  <head>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=Shift_JIS" />
    <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>

順番付き箇条書き項目一
順番付き箇条書き項目ニ

<ol>
 <li>順番付き箇条書き項目一</li>
 <li>順番付き箇条書き項目ニ</li>
</ol>

定義付き箇条書き: 定義をここに記述します。
説明付き箇条書き: 説明をここに記述します。

<dl>
 <dt>定義付き箇条書き</dt>
  <dd>定義をここに記述します。</dd>
 <dt>説明付き箇条書き</dt>
  <dd>説明をここに記述します。</dd>
</dl>

絶対 URL によるリンク

<a href="http://www.w3.org/index.html">絶対 URL によるリンク</a>

相対 URL によるリンク

<a href="../CSStut/index.html">相対 URL によるリンク</a>

ページ内へのリンク

<a href="./index.html#toc">ページ内へのリンク</a>

メールアドレスへのリンク

<a href="mailto:メールアドレス">メールアドレスへのリンク</a>

強調と強い強調

<em>強調</em>と<strong>強い強調</strong>

<img src="./samples/nextindexb.jpg" alt="「画像挿入の例」" />

<a href="../../index.html"><img src="./samples/nextindexb.jpg"
 alt="「画像挿入の例」" /></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>

SEO		[PR] ��!��u��O ��z�[��y�[�W�J�� C�u��