<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>HTML チュートリアル</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/" />
   <link rel="self" type="application/atom+xml" href="http://html-tutorial.cool-liberty.com/atom.xml" />
   <id>tag:html-tutorial.cool-liberty.com,2008://1</id>
   <updated>2007-03-20T13:16:30Z</updated>
   <subtitle>ホームページ作成やWebデザインにとって必要不可欠であるHTMLやHTMLタグなどの知識を、チュートリアル形式で初心者の方でも楽しく学べる！</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>meta要素について</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/advanced/html_meta.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.34</id>
   
   <published>2007-03-18T23:33:49Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLでのmeta要素についての解説。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML 上級知識 チュートリアル" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>meta要素のサンプル</h4>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_meta.html">HTMLドキュメント概要・説明のサンプル</a><br />
meta要素内部にHTMLドキュメントの概要・説明を記述する方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_keywords.html">HTMLドキュメントキーワードのサンプル</a><br />
meta要素内部にHTMLドキュメントに含まれるキーワードを記述する方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_redirect.html">自動ページ切り替えのサンプル</a><br />
ホームページのURLが変わったときなどによく利用されるリダイレクト機能をデモンストレーションします。</p>
<h4>meta要素</h4>
<p><a href="http://html-tutorial.cool-liberty.com/advanced/html_head.html">ヘッダーに関するHTMLタグ</a>で解説したように、head要素はドキュメントに関する一般的な情報（メタ情報）を含んでいます。</p>
<p>さらに、head要素内部にはmeta要素も含みます。meta要素の目的は、ドキュメントに関するメタ情報を提供することです。</p>
<p>meta要素は、ブラウザあるいは検索エンジンにHTMLドキュメントの内容についての記述などの適切な情報を提供するために使用されます。</p>
<h4>検索エンジンのためのキーワード</h4>
<p>WWW上のいくつかの検索エンジンは、HTMLページにインデックスを付けるために&lt;meta&gt;タグのname属性とcontent属性を使用します。</p>
<p>以下のmeta要素のコードは、HTMLページの概要・説明を定義します。</p>
<pre><code>&lt;meta name="description" content="HTMLのチュートリアルです。"&gt;</code></pre>
<p>以下のmeta要素のコードは、HTMLページのキーワードを定義します。</p>
<pre><code>&lt;meta name="keywords" content="HTML,チュートリアル,ホームページ"&gt;</code></pre>
<p>name属性とcontent属性の目的は、HTMLページの内容を定義することです。</p>
<p>しかし、あまりにも多くのWebマスター（ホームページ作成者・運営者）が、検索エンジンの上位表示を狙うあまりに同じキーワードを繰り返すなどのスパム行為のためにmetaタグを使用したので、いくつかの検索エンジンはmeta要素を完全に無視するようになりました。</p>
<h4>あまり知られていないmeta要素の属性</h4>
<p>時々、以下のようなあまり知られていないmeta要素の属性を目にすることがあるかもしれません。</p>
<pre><code>&lt;meta name="security" content="low"&gt;</code></pre>
<p>これは、そのWebサイトあるいはサイト運営者に特有のもので、ユーザーには無関係なものです。</p>]]>
      
   </content>
</entry>
<entry>
   <title>URLとは？</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/advanced/html_url.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.35</id>
   
   <published>2007-03-18T23:35:53Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLでのURL（Uniform Resource Locators）についての解説。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML 上級知識 チュートリアル" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>HTMLのリンク構造を見てみる</h4>
<p><a href="html_url.html">URLとは？</a>のようなHTMLドキュメント中のリンクをクリックするとき、根本的に<br />
&lt;a href="html_url.html"&gt;URLとは？&lt;/a&gt;<br />
のようなhref属性の値とともに&lt:a&gt;タグはWeb上での場所（アドレス）を指します。</p>
<p>上記におけるリンクは、ブラウズしているWebサイトの相対的なリンクです。そしてブラウザは、そのページにアクセスするために<a href="http://html-tutorial.cool-liberty.com/advanced/html_url.html">http://html-tutorial.cool-liberty.com/advanced/html_url.html</a>のような完全なWebアドレスを構築します。</p>
<h4>URL（Uniform Resource Locators）</h4>
<p>URL（Uniform Resource Locators）と呼ばれるものが、WWW上のHTMLドキュメント（あるいは他のデータ）のアドレスとして使用されています。<a href="http://html-tutorial.cool-liberty.com/advanced/html_url.html">http://html-tutorial.cool-liberty.com/advanced/html_url.html</a>のような完全なWebアドレスは、以下のような構文のルールに従います。</p>
<p><b>scheme://host.domain:port/path/filename</b></p>
<p><b>scheme</b>は、インターネットのスキームタイプを定義しています。最も一般的なスキームタイプは<b>http</b>です。</p>
<p><b>domain</b>は、cool-liberty.com のようなインターネットドメインネームを定義しています。</p>
<p><b>host</b>は、ドメインのホストを定義しています。httpでのデフォルトホストはwwwです。</p>
<p><b>:port</b>は、ホストでのポート番号を定義しています。ポート番号は通常省略されます。httpでのデフォルトポート番号は80です。</p>
<p><b>path</b>は、サーバーでのパス（サブディレクトリ）を定義しています。パスが省略される場合、HTMLドキュメントなどは、Webサイトのルートディレクトリ（一番上の階層）に位置します。</p>
<p class="end><b>filename</b>は、HTMLドキュメントなどの名前を定義しています。ほとんどの場合、デフォルトファイル名はindex.htmlですが、Webサーバーの設定に依存します。</p>
<h4>URLスキーム一覧表</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>スキーム</th><th>アクセス先</th>
</tr><tr>
<td>file</td><td>ローカルPC上のファイル</td>
</tr><tr>
<td>ftp</td><td>FTPサーバー上のファイル</td>
</tr><tr>
<td>http</td><td>WWWサーバー上のファイル</td>
</tr><tr>
<td>gopher</td><td>Gopherサーバー上のファイル</td>
</tr><tr>
<td>news</td><td>ユーズネット・ニュースグループ</td>
</tr><tr>
<td>telnet</td><td>Telnetコネクション</td>
</tr><tr>
<td>WAIS</td><td>WAISサーバー上のファイル</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>HTMLでのスクリプトの扱い</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/advanced/html_scripts.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.36</id>
   
   <published>2007-03-18T23:38:31Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLでのスクリプトの扱いについての解説。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML 上級知識 チュートリアル" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>ホームページをより動的、インタラクティブにするためにスクリプトを加えます。</p>
<h4>HTMLでのスクリプトの扱いのサンプル</h4>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_script.html">スクリプト挿入のサンプル</a><br />
HTMLドキュメントにスクリプトを挿入する方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_noscript.html">&lt;noscript&gt;タグのサンプル</a><br />
スクリプトをサポートしないブラウザへの対処方法をデモンストレーションします。</p>
<h4>HTMLページにスクリプトを挿入する</h4>
<p>HTMLでのスクリプトは&lt;script&gt;タグで定義されます。スクリプトを記述する言語を指定するために、type属性を使用しなければいけないことに注意してください。</p>
<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;&lt;script type="text/javascript"&gt;
document.write("こんにちは")
&lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;</code></pre>
<p>上記のスクリプトは、以下のように出力されます。</p>
<p>こんにちは</p>
<h4>古いブラウザでのスクリプトの扱い</h4>
<p>&lt;script&gt;タグを全く認識しないブラウザは、テキストとして&lt;script&gt;タグの内容を表示します。これを防ぐためには、コメントタグの中にスクリプトを記述します。コメントタグによって囲まれていても、新しいブラウザではスクリプトが実行される一方、古いブラウザ（スクリプトを認識しないブラウザ）は、コメントを無視し、ページ上にタグの内容を表示しません。</p>
<pre><code>&lt;script type="text/javascript"&gt;
&lt;!--
document.write("こんにちは")
//--&gt;
&lt;/script&gt;</code></pre>
<h4>&lt;noscript&gt;タグ</h4>
<p>コメント内部にスクリプトを挿入し、さらに&lt;noscript&gt;タグを加えることができます。</p>
<p>&lt;noscript&gt;タグは、スクリプトが実行されない場合の代替テキストを定義するために使用されます。&lt;noscript&gt;タグは、&lt;script&gt;タグは認識するが、スクリプト内部をサポートしないブラウザのために使用されます。したがってこれらのブラウザは、&lt;noscript&gt;タグ内部のテキストを代わりに表示します。しかしながら、ブラウザが&lt;script&gt;タグ内部のスクリプトをサポートする場合、&lt;noscript&gt;タグは無視されます。</p>
<pre><code>&lt;script type="text/javascript"&gt;
&lt;!--
document.write("Hello World!")
//--&gt;
&lt;/script&gt;
&lt;noscript&gt;あなたのブラウザではJavaScriptがサポートされていません&lt;/noscript&gt;</code></pre>
<h4>スクリプトに関するHTMLタグ一覧表</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>タグ</th><th>説明</th>
</tr><tr>
<td>&lt;script&gt;</td><td>スクリプトを定義します</td>
</tr><tr>
<td>&lt;noscript&gt;</td><td>スクリプトが実行されない場合の代替テキストを定義します</td>
</tr><tr>
<td>&lt;object&gt;</td><td>埋め込まれたオブジェクトを定義します</td>
</tr><tr>
<td>&lt;param&gt;</td><td>オブジェクトのランタイムセッティング（パラメーター）を定義します</td>
</tr><tr>
<td>&lt;applet&gt;</td><td><span class="red">非推奨。代わりに&lt;object&gt;タグを使います</span></td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>ホームページの公開</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/advanced/html_webserver.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.37</id>
   
   <published>2007-03-18T23:40:56Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>ホームページの公開にあたり知っておきたい知識を解説。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML 上級知識 チュートリアル" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>あなたのホームページを世界中の人々に見てもらうためには、Webサーバー上で公開しなければいけません。</p>
<h4>ホームページの公開に必要なもの</h4>
<ul>
<li>インターネットに接続できる環境</li>
<li>ホームページを公開するためのWebサーバー</li>
</ul>
<h4>ホームページを公開する前に知っておきたい知識</h4>
<h5>WWW（World Wide Web）って何？</h5>
<ul>
<li>Webとは、世界中のすべてのコンピューターのネットワークです</li>
<li>Web中のすべてのコンピューターは、お互いに通信することができます</li>
<li>すべてのコンピューターは、HTTPと呼ばれる通信規格を使用します</li>
</ul>
<h5>WWWはどのように働くのか？</h5>
<ul>
<li>Webの情報は、Webページと呼ばれるドキュメントに格納されます</li>
<li>Webページとは、Webサーバーと呼ばれるコンピューター上に格納されたファイルです</li>
<li>Webページを記録するコンピューターは、Webクライアントと呼ばれます</li>
<li>Webクライアントは、Webブラウザと呼ばれるプログラムでページを表示します</li>
<li>人気のあるブラウザは、<a href="http://www.microsoft.com/windows/ie_intl/ja/default.mspx" target="_blank">Internet Explorer</a>と<a href="http://wp.netscape.com/ja/" target="_blank">Netscape Navigator</a>です</li>
</ul>
<h5>どうやってブラウザはWebページを表示させるのか？</h5>
<ul>
<li>ブラウザは、リクエストによってWebサーバからページを取得します</li>
<li>リクエストとは、ページアドレスを含んでいるHTTP規格のリクエストです</li>
<li>アドレスとは、http://www.someone.com/page.htmlのようなものです</li>
</ul>
<h5>Webサーバーって何？</h5>
<ul>
<li>あなたのすべてのWebページを集めたものをWebサイトと呼びます</li>
<li>世界中の人々にWebサイトを見てもらうためには、Webサイトを公表しなければなりません</li>
<li>世界中の人々にWebサイトを見てもらうためには、WebサーバーにHTMLドキュメントをコピーしなければなりません</li>
<li>あなたのPCがネットワークに接続されている場合、Webサーバーの役割を果たすことができます</li>
<li>最も一般的なのは、インターネット・サービス・プロバイダー（ISP）を利用することです</li>
</ul>
<h5>インターネット・サービス・プロバイダーって何？</h5>
<ul>
<li>ISPとは、インターネット・サービス・プロバイダーの略語です</li>
<li>ISPは、インターネット・サービスを提供します</li>
<li>一般的なインターネット・サービスは、Webホスティングです</li>
<li>Webホスティングとは、公共のサーバー上にあなたのWebサイトを格納することを意味します</li>
<li class="dot">Webホスティングには、一般的に電子メールサービスも含んでいます</li>
<li>Webホスティングには、ドメイン取得サービスを含んでいるものもあります</li>
</ul>
<h4>ドメインについて</h4>
<h5>ドメインって何？</h5>
<p>ドメインとは、<b>microsoft.com</b> や <b>cool-liberty.com</b> のようなWebサイト独自の名前です。</p>
<p>ホームページを運営する上でドメインを取得することは賢明な選択です。ドメインを取得した場合、大規模なドメイン登記簿に加えられ、あなたのWebサイト（あなたのインターネットIPアドレスを含んだ）に関する情報がDNSサーバー上に格納されます。</p>
<p>DNSとは、ドメイン・ネーム・システムを表わします。DNSサーバーは、あなたのドメイン名やサイト・アドレスに関する情報を、インターネット上の他のすべてのコンピューターに通知する責任をもっています。</p>
<h5>ドメインを取得する</h5>
<p>ドメインは、ドメイン取得サービス会社や、ドメイン取得サービスも行っているWebホスティングサービス会社で取得することができます。</p>
<p>これらの会社は、利用可能なドメイン名を検索できるインターフェースや、同時に登録することができる様々なドメイン拡張子を提供します。</p>
<p>ドメイン拡張子には、.com .net .org .biz .info .us .nu .ws .cc .tv などがあります。</p>
<p>ドメインの取得については早い者勝ちとなるので、あなたの取得したいと思っているドメイン名がすでに取得されている可能性もあります。</p>
<h5>サブドメイン</h5>
<p>ほとんどの人は知りませんが、日増しにサブドメインが使用されています。World Wide Webで有名な「www」は、サブドメインの最も一般的な例です。サブドメインは、DNSサーバー上で作ることができ、ドメイン登記簿に名前を登録する必要はありません。もちろんサブドメインを作る前に、オリジナルのドメインが登録されている必要があります。インターネット上で使用されるサブドメインの一般的な例は、<b>http://store.apple.com</b> や <b>http://support.microsoft.com</b>です。</p>
<p>サブドメインは、Webホスティングプロバイダーに要請するか、あるいはあなたが自分のDNSサーバーを管理すれば単独で作ることができます。</p>
<h4>サーバー能力</h4>
<h5>ディスクスペース</h5>
<p>小規模～中規模のWebサイトで、10MB～100MBのディスクスペースを必要とするでしょう。</p>
<p>HTMLファイルのファイルサイズを見れば、平均的に非常に小さいことに気づきます。しかし、HTMLページ中で使用される画像のファイルサイズを見ると、HTMLページ自体より大きいファイルサイズであることがほとんどです。</p>
<p>画像や他の要素を消費するスペースの使用に依存して、各HTMLページがWebサーバ上のディスクスペースの5KB～50KBを消費すると予想してください</p>
<p>多くの画像やグラフィック（音声ファイルやムービーファイルを除く）を使用するのであれば、さらに多くのディスクスペースが必要になるでしょう。</p>
<p>Webホスティングサービスを捜し始める前に、あなた自身のニーズをまず確かめてください。</p>
<h5>月々のトラフィック量</h5>
<p>小規模～中規模のWebサイトで、1ヶ月あたり1GB～5GBのデータ転送量を必要とするでしょう。</p>
<p>HTMLページの平均ファイルサイズに、1ヶ月あたりの予想しているページビュー数を掛けることにより、データ転送量を知ることができます。たとえば、HTMLページの平均ファイルサイズが30KBで、1ヶ月あたり50,000ページビューを予想した場合、0.03MB×50,000＝1.5GBのデータ転送量を必要とします。</p>
<p>大きな市場を持つ分野の商用サイトでは、毎月100GB以上のデータ転送量が消費されています。</p>
<p>Webホスティングサービスと契約する前に以下のことをチェックしてください。</p>
<ul>
<li>毎月のデータ転送量に制限があるか</li>
<li>データ転送量の容量を超えたとき、Webサイトを閉鎖されないか</li>
<li>データ転送量の容量を超えたとき、お金を請求されないか</li>
</ul>
<h4>Webホスティングのサーバーテクノロジー</h4>
<h5>Windowsサーバー</h5>
<p>Windowsサーバーとは、Windowsのオペレーションシステムを採用したサーバーのことです。</p>
<p>あなたがサーバーサイドスクリプトとしてASP（Active Server Pages）を使用するなら、Windowsサーバーを選ぶべきです。また、MicrosoftのFront Pageを使ってWebサイトを構築する場合も同じです。</p>
<h5>Unixサーバー</h5>
<p>Unixサーバーとは、Unixのオペレーションシステムを採用したサーバーのことです。</p>
<p>Unixは、一番最初の（オリジナル）Webサーバーオペレーティングシステムでした。また、信頼できて安定していることで知られています。多くの場合、Windowsサーバーほど高価ではありません。</p>
<h5>Linuxサーバー</h5>
<p>Linuxサーバーとは、Linxのオペレーションシステムを採用したサーバーのことです。</p>
<h5>CGI</h5>
<p>Webページは、CGIスクリプトとして実行することができます。CGIスクリプトは、動的・対話型のWebページを生産するためにサーバー上で実行されます。</p>
<p>ほとんどのインターネットサービスプロバイダーは、いくつかの種類のCGIを提示しています。また、CGIスクリプトで作られたゲストブックやページカウンター、掲示板などが、あらかじめ用意されている場合もあります。</p>
<p>CGIは、UnixサーバーまたはLinuxサーバー上でとてもよく使われています。</p>
<h5>ASP - Active Server Pages</h5>
<p>Active Server Pagesとは、Microsoftによって開発されたサーバーサイドスクリプトです。</p>
<p>ASPでは、HTMLページ内部に置くスクリプトコードによって動的なWebページを作成することができます。スクリプトコードは、ページがブラウザに返される前にWebサーバーによって実行されます。Visual BasicとJavaScriptも使用することができます。</p>
<p>ASPは、Windows95、98、2000、XPの中の標準コンポーネントです。Windowsを実行するすべてのコンピューター上で活性化することができます。</p>
<p>ASPは、ポピュラーな技術になりつつあるので、徐々にWindowsサーバーを扱うWebホスティングプロバイダーが増えてきています。</p>
<h5>PHP</h5>
<p>PHPとは、ASPのようにHTMLページ内部に置くスクリプトコードによって、動的なWebページを作成することを可能にするサーバーサイドスクリプト言語です。スクリプトコードは、ページがブラウザに返される前にWebサーバーによって実行されます。</p>
<h5>セキュアサーバー</h5>
<p>セキュアサーバーでは、重要なデータ（名前やメールアドレスなどの個人情報など）を暗号化して送信することができます。</p>
<p>あなたがクレジットカード決済、あるいは無許可のアクセスから保護される必要のあるWebコミュニケーションをオンラインで行おうとするならば、セキュアサーバーを使用するべきです。</p>
<h4>Webホスティングタイプ</h4>
<h5>無料Webホスティング</h5>
<p>無料Webホスティングは、家族を紹介するサイトであったり趣味のサイトなど、トラフィック数が低い小さなホームページに適しています。高いトラフィック数を誇るサイトや実際のビジネスサイトには推薦されません。一般的に、技術サポートは制限され、オプションも少数です。</p>
<p>ほとんどの場合、独自のドメイン名を使用することができません。http://www.freesite/users/^yoursite.html のような、そのホスティングサービスによって提供されるドメインを使用しなければなりません。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メリット</th><th>デメリット</th>
</tr><tr>
<td>無料</td><td>独自ドメインが使えない</td>
</tr><tr>
<td>趣味や個人サイトに最適</td><td>オプションが少ない（あるいは無い）</td>
</tr><tr>
<td>よくフリーメールのオプションが付く</td><td>セキュリティに制限がある</td>
</tr><tr>
<td>&nbsp;</td><td>データベースの使用が禁止または制限されている</td>
</tr><tr>
<td>&nbsp;</td><td>技術サポートに制限がある</td>
</tr>
</table>
<h5>共有（バーチャル）Webホスティング</h5>
<p>共有Webホスティングでは、あなたのホームページはおそらく他の100ほどのホームページと共に、1つの強力なWebサーバー上で公開されます。それぞれのWebサイトで独自のドメイン名を使うのが一般的です。</p>
<p>共有Webホスティングではよく、Eメールやデータベースなどの様々なオプションが提供されます。技術サポートも良い傾向にあります。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メリット</th><th>デメリット</th>
</tr><tr>
<td>低コスト</td><td>1つのサーバーを多数のWebサイトで共有するので安定性に欠ける</td>
</tr><tr>
<td>小さなビジネスサイトや並みのトラフィック数を持つサイトに最適</td><td>データ転送量に制限があることが多い</td>
</tr><tr>
<td>オプションが豊富</td><td>データベースのサポートに制限がある</td>
</tr><tr>
<td>独自のドメイン名が使える</td><td>&nbsp;</td>
</tr><tr>
<td>技術サポートが充実している</td><td>&nbsp;</td>
</tr>
</table>
<h5>専用Webホスティング</h5>
<p>専用Webホスティングは、ホスティングサービスの中で最も高価な形式です。とても高いトラフィック数を持った大きなWebサイトや特別なソフトウェアを使用するWebサイトに適しています。</p>
<p>専用Webホスティングでは、ほとんど無制限にソフトウェアソリューションの使用が可能であると共に、非常に強力で安全なホームページ運営ができます。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メリット</th><th>デメリット</th>
</tr><tr>
<td>大きなビジネスサイトに最適</td><td>高価</td>
</tr><tr>
<td>高いトラフィック数を持つサイトに最適</td><td>サーバー知識・技術が必要</td>
</tr><tr>
<td>複数の独自ドメイン名が使用できる</td><td>&nbsp;</td>
</tr><tr>
<td>強力なEメールソリューション</td><td>&nbsp;</td>
</tr><tr>
<td>強力なデータベースサポート</td><td>&nbsp;</td>
</tr><tr>
<td>制限なしの技術サポートが受けられる</td><td>&nbsp;</td>
</tr>
</table>
<h4>Webホスティングサービスの紹介</h4>
<p><a href="http://px.a8.net/svt/ejp?a8mat=UBCGM+864GF6+MZI+BZ0Z6" target="_blank">Bfit.jp</a><img border="0" width="1" height="1" src="http://www11.a8.net/0.gif?a8mat=UBCGM+864GF6+MZI+BZ0Z6" alt="" /><br />
独自ドメインが使えて基本使用料0円の共有Webホスティングタイプのレンタルサーバーです。あなたの環境にあったプランを選んで賢く節約できるので、初めての方でも安心してご利用いただけます。</p>
<p><a href="http://px.a8.net/svt/ejp?a8mat=UHPGR+HVBQA+7YE+BXB8Y" target="_blank">DOSABA</a><img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=UHPGR+HVBQA+7YE+BXB8Y" alt="" /><br />
ディスクスペース1GBの大容量でASP.NETが使えるWindowsサーバーが月840円からというあり得ない価格で利用できます。</p>
<p><a href="http://px.a8.net/svt/ejp?a8mat=ZUIDT+9ERYSI+348+TVYKI" target="_blank">heteml</a><img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=ZUIDT+9ERYSI+348+TVYKI" alt="" /><br />
有名Webホスティングサービス会社 paperboy&amp;co. から新たなレンタルサーバーが登場しました。ディスクスペース2GBの大容量で月1500円から利用できる、デザイナーのためのサーバーです。姉妹サイトの<a href="http://px.a8.net/svt/ejp?a8mat=TW6K2+DZ3LR6+348+65MEA" target="_blank">ロリポップ！</a><img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=TW6K2+DZ3LR6+348+65MEA" alt="" />も注目です。</p>]]>
      
   </content>
</entry>
<entry>
   <title>HTMLタグリファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/tags.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.38</id>
   
   <published>2007-03-18T23:48:30Z</published>
   <updated>2007-03-20T13:11:51Z</updated>
   
   <summary>HTMLにおけるタグのリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>HTMLタグリスト（アルファベット順）</h4>
<ul>
<li><b>NN</b>の数字は、そのタグをサポートするNetscape Navigatorの最も古いバージョンを表しています</li>
<li><b>IE</b>の数字は、そのタグをサポートするInternet Explorerの最も古いバージョンを表しています</li>
<li><b>DTD</b>の文字は、タグが許可されるXHTML 1.0 DTDを表しています。S＝Strict、T＝Transitional、F＝Frameset</li>
</ul>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>タグ</th><th>説明</th><th>NN</th><th>IE</th><th>DTD</th>
</tr><tr>
<td><a href="http://html-tutorial.cool-liberty.com/reference/tag_comment.html">&lt;!--・・・--&gt;</a></td><td>コメントを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td><a href="http://html-tutorial.cool-liberty.com/reference/tag_doctype.html">&lt;!DOCTYPE&gt;</a></td><td>ドキュメントタイプを定義します</td><td>&nbsp;</td><td>&nbsp;</td><td>STF</td>
</tr><tr>
<td><a href="http://html-tutorial.cool-liberty.com/reference/tag_a.html">&lt;a&gt;</a></td><td>アンカーを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td><a href="http://html-tutorial.cool-liberty.com/reference/tag_abbr.html">&lt;abbr&gt;</a></td><td>略語を定義します</td><td>6.2</td><td>&nbsp;</td><td>STF</td>
</tr><tr>
<td>&lt;acronym&gt;</td><td>頭文字を定義します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;address&gt;</td><td>連絡先を定義します</td><td>4.0</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;applet&gt;</td><td><span class="red">非推奨。</span>javaアプレットを定義します</td><td>2.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;area&gt;</td><td>イメージマップの領域を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;b&gt;</td><td>太字を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;base&gt;</td><td>ページ中のベースとなるURLを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;basefont&gt;</td><td><span class="red">非推奨。</span>ベースとなるフォントを定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;bdo&gt;</td><td>テキスト方向を定義します</td><td>6.2</td><td>5.0</td><td>STF</td>
</tr><tr>
<td>&lt;big&gt;</td><td>一回り大きいテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;blockquote&gt;</td><td>長い引用文を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;body&gt;</td><td>HTMLドキュメントの内容を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;br&gt;</td><td>改行を挿入します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;button&gt;</td><td>ボタンを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;caption&gt;</td><td>テーブル（表）のキャプション（説明文）を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;center&gt;</td><td><span class="red">非推奨。</span>中央揃えを定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;cite&gt;</td><td>参照を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;code&gt;</td><td>コンピュータコードテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;col&gt;</td><td>テーブル（表）の列の属性値共有を定義します</td><td>&nbsp;</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;colgroup&gt;</td><td>テーブル（表）の列のグループ化を定義します</td><td>&nbsp;</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;dd&gt;</td><td>定義の説明を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;del&gt;</td><td>削除文字を定義します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;dir&gt;</td><td><span class="red">非推奨。</span>ディレクトリーリストを定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;div&gt;</td><td>ドキュメントのセクションを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;dfn&gt;</td><td>定義用語を定義します</td><td>&nbsp;</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;dl&gt;</td><td>定義リストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;dt&gt;</td><td>定義用語を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;em&gt;</td><td>強調されたテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;fieldset&gt;</td><td>フィールドセット（フォームのグループ化）を定義します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;font&gt;</td><td><span class="red">非推奨。</span>テキストのフォント、サイズ、カラーを定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;form&gt;</td><td>ユーザー入力のためのフォームを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;frame&gt;</td><td>1つのフレームを定義します</td><td>3.0</td><td>3.0</td><td>F</td>
</tr><tr>
<td>&lt;frameset&gt;</td><td>フレームの設定を定義します</td><td>3.0</td><td>3.0</td><td>F</td>
</tr><tr>
<td>&lt;h1&gt;～&lt;h6&gt;</td><td>見出しを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;head&gt;</td><td>HTMLドキュメントの情報を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;hr&gt;</td><td>水平線を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;html&gt;</td><td>HTMLドキュメントを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;i&gt;</td><td>斜体を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;iframe&gt;</td><td>インラインフレームを定義します</td><td>6.0</td><td>4.0</td><td>TF</td>
</tr><tr>
<td>&lt;img&gt;</td><td>画像を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;input&gt;</td><td>入力フィールドを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;ins&gt;</td><td>挿入文字を定義します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;isindex&gt;</td><td><span class="red">非推奨。</span>1行の入力フィールドを定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;kbd&gt;</td><td>キーボード入力テキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;label&gt;</td><td>ラベルの管理を定義します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;legend&gt;</td><td>フィールドセットの説明文を定義します</td><td>6.2</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;li&gt;</td><td>リストの項目を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;link&gt;</td><td>外部ファイルの参照を定義します</td><td>4.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;map&gt;</td><td>イメージマップを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;menu&gt;</td><td><span class="red">非推奨。</span>メニューリストを定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;meta&gt;</td><td>メタ情報を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;noframes&gt;</td><td>フレームをサポートしないブラウザへの表示を定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;noscript&gt;</td><td>スクリプトが実行されない場合の代替テキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;object&gt;</td><td>埋め込まれたオブジェクトを定義します</td><td>&nbsp;</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;ol&gt;</td><td>番号付きリストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;optgroup&gt;</td><td>選択肢のグループを定義します</td><td>6.0</td><td>6.0</td><td>STF</td>
</tr><tr>
<td>&lt;option&gt;</td><td>プルダウンメニューの選択肢を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;p&gt;</td><td>段落を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;param&gt;</td><td>オブジェクトのランタイムセッティング（パラメーター）を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;pre&gt;</td><td>フォーマット済みのテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;q&gt;</td><td>短い引用文を定義します</td><td>6.2</td><td>&nbsp;</td><td>STF</td>
</tr><tr>
<td>&lt;s&gt;</td><td><span class="red">非推奨。</span>取消線を定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;samp&gt;</td><td>サンプルコードテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;script&gt;</td><td>スクリプトを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;select&gt;</td><td>選択可能なリスト（プルダウンメニュー）を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;small&gt;</td><td>一回り小さなテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;span&gt;</td><td>ドキュメントのセクションを定義します</td><td>4.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;strike&gt;</td><td><span class="red">非推奨。</span>取消線を定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;strong&gt;</td><td>強調されたテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;style&gt;</td><td>スタイルシートを定義します</td><td>4.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;sub&gt;</td><td>下付き文字を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;sup&gt;</td><td>上付き文字を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;table&gt;</td><td>テーブル（表）を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;tbody&gt;</td><td>テーブル（表）の本体を定義します</td><td>&nbsp;</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;td&gt;</td><td>テーブル（表）のデータを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;textarea&gt;</td><td>テキストエリア（複数行）を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;tfoot&gt;</td><td>テーブル（表）のフッタを定義します</td><td>&nbsp;</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;td&gt;</td><td>テーブル（表）の見出しを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;thead&gt;</td><td>テーブル（表）のヘッダを定義します</td><td>&nbsp;</td><td>4.0</td><td>STF</td>
</tr><tr>
<td>&lt;title&gt;</td><td>HTMLドキュメントのタイトルを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;tr&gt;</td><td>テーブル（表）の行を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;tt&gt;</td><td>テレタイプテキストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;u&gt;</td><td><span class="red">非推奨。</span>下線を定義します</td><td>3.0</td><td>3.0</td><td>TF</td>
</tr><tr>
<td>&lt;ul&gt;</td><td>番号なしリストを定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;var&gt;</td><td>変数を定義します</td><td>3.0</td><td>3.0</td><td>STF</td>
</tr><tr>
<td>&lt;xmp&gt;</td><td><span class="red">非推奨。</span>フォーマット済みのテキストを定義します</td><td>3.0</td><td>3.0</td><td>&nbsp;</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>HTML属性リファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/attributes.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.39</id>
   
   <published>2007-03-18T23:52:03Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLにおける属性のリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>HTMLタグは属性を持つことができます。各タグの特別な属性は、各タグの説明で表にしています。ここで紹介する属性は、すべてのHTMLタグ（少数の例外はあります）に標準の属性です。</p>
<h4>中核となる属性</h4>
<p>base、head、html、meta、param、script、style、title要素においては有効ではありません。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>class</td><td>分類名</td><td>要素の分類</td>
</tr><tr>
<td>id</td><td>固有の名前</td><td>要素の固有の名前</td>
</tr><tr>
<td>style</td><td>スタイルシート</td><td>インラインスタイルシートを定義</td>
</tr><tr>
<td>title</td><td>補足情報</td><td>要素の補足情報</td>
</tr>
</table>
<h4>言語属性</h4>
<p>base、br、frame、frameset、hr、iframe、param、script要素においては有効ではありません。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>dir</td><td>ltr、rtl</td><td>テキスト方向の設定</td>
</tr><tr>
<td>lang</td><td>言語コード</td><td>言語の設定</td>
</tr>
</table>
<h4>キーボード属性</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>accesskey</td><td>ショートカットキー</td><td>要素へのショートカットキーの設定</td>
</tr><tr>
<td>tabindex</td><td>数字</td><td>要素のTab移動順の設定</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>イベント属性リファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/events.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.40</id>
   
   <published>2007-03-18T23:54:57Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLにおけるイベント属性のリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>HTML 4.0には、ユーザーがHTML要素をクリックする時に、JavaScriptのようなブラウザ中でHTMLイベントを発生させる引き金となる能力が追加されました。イベントアクションを定義するため、HTMLタグに挿入することができる属性を以下に示します。</p>
<h4>ウィンドウイベント属性</h4>
<p>body、frameset要素においてのみ有効です。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>onload</td><td>スクリプト</td><td>ドキュメントがロードされた時に実行されるスクリプト</td>
</tr><tr>
<td>onunload</td><td>スクリプト</td><td>ドキュメントがロードされない時に実行されるスクリプト</td>
</tr>
</table>
<h4>フォーム要素イベント属性</h4>
<p>form要素においてのみ有効です。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>onchange</td><td>スクリプト</td><td>要素が変わる時に実行されるスクリプト</td>
</tr><tr>
<td>onsubmit</td><td>スクリプト</td><td>フォームから送信された時に実行されるスクリプト</td>
</tr><tr>
<td>onreset</td><td>スクリプト</td><td>フォームリセットされた時に実行されるスクリプト</td>
</tr><tr>
<td>onselect</td><td>スクリプト</td><td>要素が選択された時に実行されるスクリプト</td>
</tr><tr>
<td>onblur</td><td>スクリプト</td><td>要素のフォーカスが外れた時に実行されるスクリプト</td>
</tr><tr>
<td>onfocus</td><td>スクリプト</td><td>要素がフォーカスされた時に実行されるスクリプト</td>
</tr>
</table>
<h4>キーボードイベント属性</h4>
<p>base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style、title要素においては有効ではありません。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>onkeydown</td><td>スクリプト</td><td>キーが押された時に実行されるスクリプト</td>
</tr><tr>
<td>onkeypress</td><td>スクリプト</td><td>キーが押された時と離された時に実行されるスクリプト</td>
</tr><tr>
<td>onkeyup</td><td>スクリプト</td><td>キーが離された時に実行されるスクリプト</td>
</tr>
</table>
<h4>マウスイベント属性</h4>
<p>base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style、title要素においては有効ではありません。</p>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th>
</tr><tr>
<td>onclick</td><td>スクリプト</td><td>マウスでクリックされた時に実行されるスクリプト</td>
</tr><tr>
<td>ondblclick</td><td>スクリプト</td><td>マウスでダブルクリックされた時に実行されるスクリプト</td>
</tr><tr>
<td>onmousedown</td><td>スクリプト</td><td>マウスボタンが押された時に実行されるスクリプト</td>
</tr><tr>
<td>onmousemove</td><td>スクリプト</td><td>マウスポインタが動いた時に実行されるスクリプト</td>
</tr><tr>
<td>onmouseover</td><td>スクリプト</td><td>要素の上にマウスポインタが乗った時に実行されるスクリプト</td>
</tr><tr>
<td>onmouseout</td><td>スクリプト</td><td>要素の上からマウスポインタが離れた時に実行されるスクリプト</td>
</tr><tr>
<td>onmouseup</td><td>スクリプト</td><td>マウスボタンが離された時に実行されるスクリプト</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>カラーネームリファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/colornames.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.41</id>
   
   <published>2007-03-18T23:57:46Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLにおけるカラーネームリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>このページでは、ほとんどのブラウザでサポートされているカラーネームを紹介しています。</p>
<p>16のカラーネーム（aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow）が、<a href="http://www.w3.org/" target="_top">W3C</a>のHTML 4.0標準にサポートされています。なので、これら以外の色については、なるべく色の16進数で指定してください。</p>
<h4>カラーネーム</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th width="25%">カラーネーム</th>
<th width="25%">16進数</th>
<th width="50%">色</th>
</tr><tr>
<td>AliceBlue</td>
<td>#F0F8FF</td>
<td bgcolor="#F0F8FF">&nbsp;</td>
</tr><tr>
<td>AntiqueWhite</td>
<td>#FAEBD7</td>
<td bgcolor="#FAEBD7">&nbsp;</td>
</tr><tr>
<td>Aqua</td>
<td>#00FFFF</td>
<td bgcolor="#00FFFF">&nbsp;</td>
</tr><tr>
<td>Aquamarine</td>
<td>#7FFFD4</td>
<td bgcolor="#7FFFD4">&nbsp;</td>
</tr><tr>
<td>Azure</td>
<td>#F0FFFF</td>
<td bgcolor="#F0FFFF">&nbsp;</td>
</tr><tr>
<td>Beige</td>
<td>#F5F5DC</td>
<td bgcolor="#F5F5DC">&nbsp;</td>
</tr><tr>
<td>Bisque</td>
<td>#FFE4C4</td>
<td bgcolor="#FFE4C4">&nbsp;</td>
</tr><tr>
<td>Black</td>
<td>#000000</td>
<td bgcolor="#000000">&nbsp;</td>
</tr><tr>
<td>BlanchedAlmond</td>
<td>#FFEBCD</td>
<td bgcolor="#FFEBCD">&nbsp;</td>
</tr><tr>
<td>Blue</td>
<td>#0000FF</td>
<td bgcolor="#0000FF">&nbsp;</td>
</tr><tr>
<td>BlueViolet</td>
<td>#8A2BE2</td>
<td bgcolor="#8A2BE2">&nbsp;</td>
</tr><tr>
<td>Brown</td>
<td>#A52A2A</td>
<td bgcolor="#A52A2A">&nbsp;</td>
</tr><tr>
<td>BurlyWood</td>
<td>#DEB887</td>
<td bgcolor="#DEB887">&nbsp;</td>
</tr><tr>
<td>CadetBlue</td>
<td>#5F9EA0</td>
<td bgcolor="#5F9EA0">&nbsp;</td>
</tr><tr>
<td>Chartreuse</td>
<td>#7FFF00</td>
<td bgcolor="#7FFF00">&nbsp;</td>
</tr><tr>
<td>Chocolate</td>
<td>#D2691E</td>
<td bgcolor="#D2691E">&nbsp;</td>
</tr><tr>
<td>Coral</td>
<td>#FF7F50</td>
<td bgcolor="#FF7F50">&nbsp;</td>
</tr><tr>
<td>CornflowerBlue</td>
<td>#6495ED</td>
<td bgcolor="#6495ED">&nbsp;</td>
</tr><tr>
<td>Cornsilk</td>
<td>#FFF8DC</td>
<td bgcolor="#FFF8DC">&nbsp;</td>
</tr><tr>
<td>Crimson</td>
<td>#DC143C</td>
<td bgcolor="#DC143C">&nbsp;</td>
</tr><tr>
<td>Cyan</td>
<td>#00FFFF</td>
<td bgcolor="#00FFFF">&nbsp;</td>
</tr><tr>
<td>DarkBlue</td>
<td>#00008B</td>
<td bgcolor="#00008B">&nbsp;</td>
</tr><tr>
<td>DarkCyan</td>
<td>#008B8B</td>
<td bgcolor="#008B8B">&nbsp;</td>
</tr><tr>
<td>DarkGoldenRod</td>
<td>#B8860B</td>
<td bgcolor="#B8860B">&nbsp;</td>
</tr><tr>
<td>DarkGray</td>
<td>#A9A9A9</td>
<td bgcolor="#A9A9A9">&nbsp;</td>
</tr><tr>
<td>DarkGreen</td>
<td>#006400</td>
<td bgcolor="#006400">&nbsp;</td>
</tr><tr>
<td>DarkKhaki</td>
<td>#BDB76B</td>
<td bgcolor="#BDB76B">&nbsp;</td>
</tr><tr>
<td>DarkMagenta</td>
<td>#8B008B</td>
<td bgcolor="#8B008B">&nbsp;</td>
</tr><tr>
<td>DarkOliveGreen</td>
<td>#556B2F</td>
<td bgcolor="#556B2F">&nbsp;</td>
</tr><tr>
<td>Darkorange</td>
<td>#FF8C00</td>
<td bgcolor="#FF8C00">&nbsp;</td>
</tr><tr>
<td>DarkOrchid</td>
<td>#9932CC</td>
<td bgcolor="#9932CC">&nbsp;</td>
</tr><tr>
<td>DarkRed</td>
<td>#8B0000</td>
<td bgcolor="#8B0000">&nbsp;</td>
</tr><tr>
<td>DarkSalmon</td>
<td>#E9967A</td>
<td bgcolor="#E9967A">&nbsp;</td>
</tr><tr>
<td>DarkSeaGreen</td>
<td>#8FBC8F</td>
<td bgcolor="#8FBC8F">&nbsp;</td>
</tr><tr>
<td>DarkSlateBlue</td>
<td>#483D8B</td>
<td bgcolor="#483D8B">&nbsp;</td>
</tr><tr>
<td>DarkSlateGray</td>
<td>#2F4F4F</td>
<td bgcolor="#2F4F4F">&nbsp;</td>
</tr><tr>
<td>DarkTurquoise</td>
<td>#00CED1</td>
<td bgcolor="#00CED1">&nbsp;</td>
</tr><tr>
<td>DarkViolet</td>
<td>#9400D3</td>
<td bgcolor="#9400D3">&nbsp;</td>
</tr><tr>
<td>DeepPink</td>
<td>#FF1493</td>
<td bgcolor="#FF1493">&nbsp;</td>
</tr><tr>
<td>DeepSkyBlue</td>
<td>#00BFFF</td>
<td bgcolor="#00BFFF">&nbsp;</td>
</tr><tr>
<td>DimGray</td>
<td>#696969</td>
<td bgcolor="#696969">&nbsp;</td>
</tr><tr>
<td>DodgerBlue</td>
<td>#1E90FF</td>
<td bgcolor="#1E90FF">&nbsp;</td>
</tr><tr>
<td>Feldspar</td>
<td>#D19275</td>
<td bgcolor="#D19275">&nbsp;</td>
</tr><tr>
<td>FireBrick</td>
<td>#B22222</td>
<td bgcolor="#B22222">&nbsp;</td>
</tr><tr>
<td>FloralWhite</td>
<td>#FFFAF0</td>
<td bgcolor="#FFFAF0">&nbsp;</td>
</tr><tr>
<td>ForestGreen</td>
<td>#228B22</td>
<td bgcolor="#228B22">&nbsp;</td>
</tr><tr>
<td>Fuchsia</td>
<td>#FF00FF</td>
<td bgcolor="#FF00FF">&nbsp;</td>
</tr><tr>
<td>Gainsboro</td>
<td>#DCDCDC</td>
<td bgcolor="#DCDCDC">&nbsp;</td>
</tr><tr>
<td>GhostWhite</td>
<td>#F8F8FF</td>
<td bgcolor="#F8F8FF">&nbsp;</td>
</tr><tr>
<td>Gold</td>
<td>#FFD700</td>
<td bgcolor="#FFD700">&nbsp;</td>
</tr><tr>
<td>GoldenRod</td>
<td>#DAA520</td>
<td bgcolor="#DAA520">&nbsp;</td>
</tr><tr>
<td>Gray</td>
<td>#808080</td>
<td bgcolor="#808080">&nbsp;</td>
</tr><tr>
<td>Green</td>
<td>#008000</td>
<td bgcolor="#008000">&nbsp;</td>
</tr><tr>
<td>GreenYellow</td>
<td>#ADFF2F</td>
<td bgcolor="#ADFF2F">&nbsp;</td>
</tr><tr>
<td>HoneyDew</td>
<td>#F0FFF0</td>
<td bgcolor="#F0FFF0">&nbsp;</td>
</tr><tr>
<td>HotPink</td>
<td>#FF69B4</td>
<td bgcolor="#FF69B4">&nbsp;</td>
</tr><tr>
<td>IndianRed</td>
<td>#CD5C5C</td>
<td bgcolor="#CD5C5C">&nbsp;</td>
</tr><tr>
<td>Indigo</td>
<td>#4B0082</td>
<td bgcolor="#4B0082">&nbsp;</td>
</tr><tr>
<td>Ivory</td>
<td>#FFFFF0</td>
<td bgcolor="#FFFFF0">&nbsp;</td>
</tr><tr>
<td>Khaki</td>
<td>#F0E68C</td>
<td bgcolor="#F0E68C">&nbsp;</td>
</tr><tr>
<td>Lavender</td>
<td>#E6E6FA</td>
<td bgcolor="#E6E6FA">&nbsp;</td>
</tr><tr>
<td>LavenderBlush</td>
<td>#FFF0F5</td>
<td bgcolor="#FFF0F5">&nbsp;</td>
</tr><tr>
<td>LawnGreen</td>
<td>#7CFC00</td>
<td bgcolor="#7CFC00">&nbsp;</td>
</tr><tr>
<td>LemonChiffon</td>
<td>#FFFACD</td>
<td bgcolor="#FFFACD">&nbsp;</td>
</tr><tr>
<td>LightBlue</td>
<td>#ADD8E6</td>
<td bgcolor="#ADD8E6">&nbsp;</td>
</tr><tr>
<td>LightCoral</td>
<td>#F08080</td>
<td bgcolor="#F08080">&nbsp;</td>
</tr><tr>
<td>LightCyan</td>
<td>#E0FFFF</td>
<td bgcolor="#E0FFFF">&nbsp;</td>
</tr><tr>
<td>LightGoldenRodYellow</td>
<td>#FAFAD2</td>
<td bgcolor="#FAFAD2">&nbsp;</td>
</tr><tr>
<td>LightGrey</td>
<td>#D3D3D3</td>
<td bgcolor="#D3D3D3">&nbsp;</td>
</tr><tr>
<td>LightGreen</td>
<td>#90EE90</td>
<td bgcolor="#90EE90">&nbsp;</td>
</tr><tr>
<td>LightPink</td>
<td>#FFB6C1</td>
<td bgcolor="#FFB6C1">&nbsp;</td>
</tr><tr>
<td>LightSalmon</td>
<td>#FFA07A</td>
<td bgcolor="#FFA07A">&nbsp;</td>
</tr><tr>
<td>LightSeaGreen</td>
<td>#20B2AA</td>
<td bgcolor="#20B2AA">&nbsp;</td>
</tr><tr>
<td>LightSkyBlue</td>
<td>#87CEFA</td>
<td bgcolor="#87CEFA">&nbsp;</td>
</tr><tr>
<td>LightSlateBlue</td>
<td>#8470FF</td>
<td bgcolor="#8470FF">&nbsp;</td>
</tr><tr>
<td>LightSlateGray</td>
<td>#778899</td>
<td bgcolor="#778899">&nbsp;</td>
</tr><tr>
<td>LightSteelBlue</td>
<td>#B0C4DE</td>
<td bgcolor="#B0C4DE">&nbsp;</td>
</tr><tr>
<td>LightYellow</td>
<td>#FFFFE0</td>
<td bgcolor="#FFFFE0">&nbsp;</td>
</tr><tr>
<td>Lime</td>
<td>#00FF00</td>
<td bgcolor="#00FF00">&nbsp;</td>
</tr><tr>
<td>LimeGreen</td>
<td>#32CD32</td>
<td bgcolor="#32CD32">&nbsp;</td>
</tr><tr>
<td>Linen</td>
<td>#FAF0E6</td>
<td bgcolor="#FAF0E6">&nbsp;</td>
</tr><tr>
<td>Magenta</td>
<td>#FF00FF</td>
<td bgcolor="#FF00FF">&nbsp;</td>
</tr><tr>
<td>Maroon</td>
<td>#800000</td>
<td bgcolor="#800000">&nbsp;</td>
</tr><tr>
<td>MediumAquaMarine</td>
<td>#66CDAA</td>
<td bgcolor="#66CDAA">&nbsp;</td>
</tr><tr>
<td>MediumBlue</td>
<td>#0000CD</td>
<td bgcolor="#0000CD">&nbsp;</td>
</tr><tr>
<td>MediumOrchid</td>
<td>#BA55D3</td>
<td bgcolor="#BA55D3">&nbsp;</td>
</tr><tr>
<td>MediumPurple</td>
<td>#9370D8</td>
<td bgcolor="#9370D8">&nbsp;</td>
</tr><tr>
<td>MediumSeaGreen</td>
<td>#3CB371</td>
<td bgcolor="#3CB371">&nbsp;</td>
</tr><tr>
<td>MediumSlateBlue</td>
<td>#7B68EE</td>
<td bgcolor="#7B68EE">&nbsp;</td>
</tr><tr>
<td>MediumSpringGreen</td>
<td>#00FA9A</td>
<td bgcolor="#00FA9A">&nbsp;</td>
</tr><tr>
<td>MediumTurquoise</td>
<td>#48D1CC</td>
<td bgcolor="#48D1CC">&nbsp;</td>
</tr><tr>
<td>MediumVioletRed</td>
<td>#C71585</td>
<td bgcolor="#C71585">&nbsp;</td>
</tr><tr>
<td>MidnightBlue</td>
<td>#191970</td>
<td bgcolor="#191970">&nbsp;</td>
</tr><tr>
<td>MintCream</td>
<td>#F5FFFA</td>
<td bgcolor="#F5FFFA">&nbsp;</td>
</tr><tr>
<td>MistyRose</td>
<td>#FFE4E1</td>
<td bgcolor="#FFE4E1">&nbsp;</td>
</tr><tr>
<td>Moccasin</td>
<td>#FFE4B5</td>
<td bgcolor="#FFE4B5">&nbsp;</td>
</tr><tr>
<td>NavajoWhite</td>
<td>#FFDEAD</td>
<td bgcolor="#FFDEAD">&nbsp;</td>
</tr><tr>
<td>Navy</td>
<td>#000080</td>
<td bgcolor="#000080">&nbsp;</td>
</tr><tr>
<td>OldLace</td>
<td>#FDF5E6</td>
<td bgcolor="#FDF5E6">&nbsp;</td>
</tr><tr>
<td>Olive</td>
<td>#808000</td>
<td bgcolor="#808000">&nbsp;</td>
</tr><tr>
<td>OliveDrab</td>
<td>#6B8E23</td>
<td bgcolor="#6B8E23">&nbsp;</td>
</tr><tr>
<td>Orange</td>
<td>#FFA500</td>
<td bgcolor="#FFA500">&nbsp;</td>
</tr><tr>
<td>OrangeRed</td>
<td>#FF4500</td>
<td bgcolor="#FF4500">&nbsp;</td>
</tr><tr>
<td>Orchid</td>
<td>#DA70D6</td>
<td bgcolor="#DA70D6">&nbsp;</td>
</tr><tr>
<td>PaleGoldenRod</td>
<td>#EEE8AA</td>
<td bgcolor="#EEE8AA">&nbsp;</td>
</tr><tr>
<td>PaleGreen</td>
<td>#98FB98</td>
<td bgcolor="#98FB98">&nbsp;</td>
</tr><tr>
<td>PaleTurquoise</td>
<td>#AFEEEE</td>
<td bgcolor="#AFEEEE">&nbsp;</td>
</tr><tr>
<td>PaleVioletRed</td>
<td>#D87093</td>
<td bgcolor="#D87093">&nbsp;</td>
</tr><tr>
<td>PapayaWhip</td>
<td>#FFEFD5</td>
<td bgcolor="#FFEFD5">&nbsp;</td>
</tr><tr>
<td>PeachPuff</td>
<td>#FFDAB9</td>
<td bgcolor="#FFDAB9">&nbsp;</td>
</tr><tr>
<td>Peru</td>
<td>#CD853F</td>
<td bgcolor="#CD853F">&nbsp;</td>
</tr><tr>
<td>Pink</td>
<td>#FFC0CB</td>
<td bgcolor="#FFC0CB">&nbsp;</td>
</tr><tr>
<td>Plum</td>
<td>#DDA0DD</td>
<td bgcolor="#DDA0DD">&nbsp;</td>
</tr><tr>
<td>PowderBlue</td>
<td>#B0E0E6</td>
<td bgcolor="#B0E0E6">&nbsp;</td>
</tr><tr>
<td>Purple</td>
<td>#800080</td>
<td bgcolor="#800080">&nbsp;</td>
</tr><tr>
<td>Red</td>
<td>#FF0000</td>
<td bgcolor="#FF0000">&nbsp;</td>
</tr><tr>
<td>RosyBrown</td>
<td>#BC8F8F</td>
<td bgcolor="#BC8F8F">&nbsp;</td>
</tr><tr>
<td>RoyalBlue</td>
<td>#4169E1</td>
<td bgcolor="#4169E1">&nbsp;</td>
</tr><tr>
<td>SaddleBrown</td>
<td>#8B4513</td>
<td bgcolor="#8B4513">&nbsp;</td>
</tr><tr>
<td>Salmon</td>
<td>#FA8072</td>
<td bgcolor="#FA8072">&nbsp;</td>
</tr><tr>
<td>SandyBrown</td>
<td>#F4A460</td>
<td bgcolor="#F4A460">&nbsp;</td>
</tr><tr>
<td>SeaGreen</td>
<td>#2E8B57</td>
<td bgcolor="#2E8B57">&nbsp;</td>
</tr><tr>
<td>SeaShell</td>
<td>#FFF5EE</td>
<td bgcolor="#FFF5EE">&nbsp;</td>
</tr><tr>
<td>Sienna</td>
<td>#A0522D</td>
<td bgcolor="#A0522D">&nbsp;</td>
</tr><tr>
<td>Silver</td>
<td>#C0C0C0</td>
<td bgcolor="#C0C0C0">&nbsp;</td>
</tr><tr>
<td>SkyBlue</td>
<td>#87CEEB</td>
<td bgcolor="#87CEEB">&nbsp;</td>
</tr><tr>
<td>SlateBlue</td>
<td>#6A5ACD</td>
<td bgcolor="#6A5ACD">&nbsp;</td>
</tr><tr>
<td>SlateGray</td>
<td>#708090</td>
<td bgcolor="#708090">&nbsp;</td>
</tr><tr>
<td>Snow</td>
<td>#FFFAFA</td>
<td bgcolor="#FFFAFA">&nbsp;</td>
</tr><tr>
<td>SpringGreen</td>
<td>#00FF7F</td>
<td bgcolor="#00FF7F">&nbsp;</td>
</tr><tr>
<td>SteelBlue</td>
<td>#4682B4</td>
<td bgcolor="#4682B4">&nbsp;</td>
</tr><tr>
<td>Tan</td>
<td>#D2B48C</td>
<td bgcolor="#D2B48C">&nbsp;</td>
</tr><tr>
<td>Teal</td>
<td>#008080</td>
<td bgcolor="#008080">&nbsp;</td>
</tr><tr>
<td>Thistle</td>
<td>#D8BFD8</td>
<td bgcolor="#D8BFD8">&nbsp;</td>
</tr><tr>
<td>Tomato</td>
<td>#FF6347</td>
<td bgcolor="#FF6347">&nbsp;</td>
</tr><tr>
<td>Turquoise</td>
<td>#40E0D0</td>
<td bgcolor="#40E0D0">&nbsp;</td>
</tr><tr>
<td>Violet</td>
<td>#EE82EE</td>
<td bgcolor="#EE82EE">&nbsp;</td>
</tr><tr>
<td>VioletRed</td>
<td>#D02090</td>
<td bgcolor="#D02090">&nbsp;</td>
</tr><tr>
<td>Wheat</td>
<td>#F5DEB3</td>
<td bgcolor="#F5DEB3">&nbsp;</td>
</tr><tr>
<td>White</td>
<td>#FFFFFF</td>
<td bgcolor="#FFFFFF">&nbsp;</td>
</tr><tr>
<td>WhiteSmoke</td>
<td>#F5F5F5</td>
<td bgcolor="#F5F5F5">&nbsp;</td>
</tr><tr>
<td>Yellow</td>
<td>#FFFF00</td>
<td bgcolor="#FFFF00">&nbsp;</td>
</tr><tr>
<td>YellowGreen</td>
<td>#9ACD32</td>
<td bgcolor="#9ACD32">&nbsp;</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>特殊文字リファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/entities.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.42</id>
   
   <published>2007-03-18T23:59:59Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLにおける特殊文字のリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>HTML 4.01では、ISO 8859-1（欧米：Latin 1）文字セットをサポートしています。</p>
<p><span class="red">ブラウザによっては、表示できないものもありますので注意してください。</span></p>
<h4>特殊文字ISO 8859-1（Latin 1）</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>表示結果</th><th>実体名</th><th>実体番号</th><th>表示結果</th><th>実体名</th><th>実体番号</th>
</tr><tr>
<td>&#160;</td><td>&amp;nbsp;</td><td>&amp;#160;</td><td>&#161;</td><td>&amp;iexcl;</td><td>&amp;#161;</td>
</tr><tr>
<td>&#162;</td><td>&amp;cent;</td><td>&amp;#162;</td><td>&#163;</td><td>&amp;pound;</td><td>&amp;#163;</td>
</tr><tr>
<td>&#164;</td><td>&amp;curren;</td><td>&amp;#164;</td><td>&#165;</td><td>&amp;yen;</td><td>&amp;#165;</td>
</tr><tr>
<td>&#166;</td><td>&amp;brvbar;</td><td>&amp;#166;</td><td>&#167;</td><td>&amp;sect;</td><td>&amp;#167;</td>
</tr><tr>
<td>&#168;</td><td>&amp;uml;</td><td>&amp;#168;</td><td>&#169;</td><td>&amp;copy;</td><td>&amp;#169;</td>
</tr><tr>
<td>&#170;</td><td>&amp;ordf;</td><td>&amp;#170;</td><td>&#171;</td><td>&amp;laquo;</td><td>&amp;#171;</td>
</tr><tr>
<td>&#172;</td><td>&amp;not;</td><td>&amp;#172;</td><td>&#173;</td><td>&amp;shy;</td><td>&amp;#173;</td>
</tr><tr>
<td>&#174;</td><td>&amp;reg;</td><td>&amp;#174;</td><td>&#175;</td><td>&amp;macr;</td><td>&amp;#175;</td>
</tr><tr>
<td>&#176;</td><td>&amp;deg;</td><td>&amp;#176;</td><td>&#177;</td><td>&amp;plusmn;</td><td>&amp;#177;</td>
</tr><tr>
<td>&#178;</td><td>&amp;sup2;</td><td>&amp;#178;</td><td>&#179;</td><td>&amp;sup3;</td><td>&amp;#179;</td>
</tr><tr>
<td>&#180;</td><td>&amp;acute;</td><td>&amp;#180;</td><td>&#181;</td><td>&amp;micro;</td><td>&amp;#181;</td>
</tr><tr>
<td>&#182;</td><td>&amp;para;</td><td>&amp;#182;</td><td>&#183;</td><td>&amp;middot;</td><td>&amp;#183;</td>
</tr><tr>
<td>&#184;</td><td>&amp;cedil;</td><td>&amp;#184;</td><td>&#185;</td><td>&amp;sup1;</td><td>&amp;#185;</td>
</tr><tr>
<td>&#186;</td><td>&amp;ordm;</td><td>&amp;#186;</td><td>&#187;</td><td>&amp;raquo;</td><td>&amp;#187;</td>
</tr><tr>
<td>&#188;</td><td>&amp;frac14;</td><td>&amp;#188;</td><td>&#189;</td><td>&amp;frac12;</td><td>&amp;#189;</td>
</tr><tr>
<td>&#190;</td><td>&amp;frac34;</td><td>&amp;#190;</td><td>&#191;</td><td>&amp;iquest;</td><td>&amp;#191;</td>
</tr><tr>
<td>&#192;</td><td>&amp;Agrave;</td><td>&amp;#192;</td><td>&#193;</td><td>&amp;Aacute;</td><td>&amp;#193;</td>
</tr><tr>
<td>&#194;</td><td>&amp;Acirc;</td><td>&amp;#194;</td><td>&#195;</td><td>&amp;Atilde;</td><td>&amp;#195;</td>
</tr><tr>
<td>&#196;</td><td>&amp;Auml;</td><td>&amp;#196;</td><td>&#197;</td><td>&amp;Aring;</td><td>&amp;#197;</td>
</tr><tr>
<td>&#198;</td><td>&amp;AElig;</td><td>&amp;#198;</td><td>&#199;</td><td>&amp;Ccedil;</td><td>&amp;#199;</td>
</tr><tr>
<td>&#200;</td><td>&amp;Egrave;</td><td>&amp;#200;</td><td>&#201;</td><td>&amp;Eacute;</td><td>&amp;#201;</td>
</tr><tr>
<td>&#202;</td><td>&amp;Ecirc;</td><td>&amp;#202;</td><td>&#203;</td><td>&amp;Euml;</td><td>&amp;#203;</td>
</tr><tr>
<td>&#204;</td><td>&amp;Igrave;</td><td>&amp;#204;</td><td>&#205;</td><td>&amp;Iacute;</td><td>&amp;#205;</td>
</tr><tr>
<td>&#206;</td><td>&amp;Icirc;</td><td>&amp;#206;</td><td>&#207;</td><td>&amp;Iuml;</td><td>&amp;#207;</td>
</tr><tr>
<td>&#208;</td><td>&amp;ETH;</td><td>&amp;#208;</td><td>&#209;</td><td>&amp;Ntilde;</td><td>&amp;#209;</td>
</tr><tr>
<td>&#210;</td><td>&amp;Ograve;</td><td>&amp;#210;</td><td>&#211;</td><td>&amp;Oacute;</td><td>&amp;#211;</td>
</tr><tr>
<td>&#212;</td><td>&amp;Ocirc;</td><td>&amp;#212;</td><td>&#213;</td><td>&amp;Otilde;</td><td>&amp;#213;</td>
</tr><tr>
<td>&#214;</td><td>&amp;Ouml;</td><td>&amp;#214;</td><td>&#215;</td><td>&amp;times;</td><td>&amp;#215;</td>
</tr><tr>
<td>&#216;</td><td>&amp;Oslash;</td><td>&amp;#216;</td><td>&#217;</td><td>&amp;Ugrave;</td><td>&amp;#217;</td>
</tr><tr>
<td>&#218;</td><td>&amp;Uacute;</td><td>&amp;#218;</td><td>&#219;</td><td>&amp;Ucirc;</td><td>&amp;#219;</td>
</tr><tr>
<td>&#220;</td><td>&amp;Uuml;</td><td>&amp;#220;</td><td>&#221;</td><td>&amp;Yacute;</td><td>&amp;#221;</td>
</tr><tr>
<td>&#222;</td><td>&amp;THORN;</td><td>&amp;#222;</td><td>&#223;</td><td>&amp;szlig;</td><td>&amp;#223;</td>
</tr><tr>
<td>&#222;</td><td>&amp;THORN;</td><td>&amp;#222;</td><td>&#223;</td><td>&amp;szlig;</td><td>&amp;#223;</td>
</tr><tr>
<td>&#224;</td><td>&amp;agrave;</td><td>&amp;#224;</td><td>&#225;</td><td>&amp;aacute;</td><td>&amp;#225;</td>
</tr><tr>
<td>&#226;</td><td>&amp;acirc;</td><td>&amp;#226;</td><td>&#227;</td><td>&amp;atilde;</td><td>&amp;#227;</td>
</tr><tr>
<td>&#228;</td><td>&amp;auml;</td><td>&amp;#228;</td><td>&#229;</td><td>&amp;aring;</td><td>&amp;#229;</td>
</tr><tr>
<td>&#230;</td><td>&amp;aelig;</td><td>&amp;#230;</td><td>&#231;</td><td>&amp;ccedil;</td><td>&amp;#231;</td>
</tr><tr>
<td>&#232;</td><td>&amp;egrave;</td><td>&amp;#232;</td><td>&#233;</td><td>&amp;eacute;</td><td>&amp;#233;</td>
</tr><tr>
<td>&#234;</td><td>&amp;ecirc;</td><td>&amp;#234;</td><td>&#235;</td><td>&amp;euml;</td><td>&amp;#235;</td>
</tr><tr>
<td>&#236;</td><td>&amp;igrave;</td><td>&amp;#236;</td><td>&#237;</td><td>&amp;iacute;</td><td>&amp;#237;</td>
</tr><tr>
<td>&#238;</td><td>&amp;icirc;</td><td>&amp;#238;</td><td>&#239;</td><td>&amp;iuml;</td><td>&amp;#239;</td>
</tr><tr>
<td>&#240;</td><td>&amp;eth;</td><td>&amp;#240;</td><td>&#241;</td><td>&amp;ntilde;</td><td>&amp;#241;</td>
</tr><tr>
<td>&#242;</td><td>&amp;ograve;</td><td>&amp;#242;</td><td>&#243;</td><td>&amp;oacute;</td><td>&amp;#243;</td>
</tr><tr>
<td>&#244;</td><td>&amp;ocirc;</td><td>&amp;#244;</td><td>&#245;</td><td>&amp;otilde;</td><td>&amp;#245;</td>
</tr><tr>
<td>&#246;</td><td>&amp;ouml;</td><td>&amp;#246;</td><td>&#247;</td><td>&amp;divide;</td><td>&amp;#247;</td>
</tr><tr>
<td>&#248;</td><td>&amp;oslash;</td><td>&amp;#248;</td><td>&#249;</td><td>&amp;ugrave;</td><td>&amp;#249;</td>
</tr><tr>
<td>&#250;</td><td>&amp;uacute;</td><td>&amp;#250;</td><td>&#251;</td><td>&amp;ucirc;</td><td>&amp;#251;</td>
</tr><tr>
<td>&#252;</td><td>&amp;uuml;</td><td>&amp;#252;</td><td>&#253;</td><td>&amp;yacute;</td><td>&amp;#253;</td>
</tr><tr>
<td>&#254;</td><td>&amp;thorn;</td><td>&amp;#254;</td><td>&#255;</td><td>&amp;yuml;</td><td>&amp;#255;</td>
</tr>
</table>
<h4>ギリシャ文字・シンボル・数学記号</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>表示結果</th><th>実体名</th><th>実体番号</th><th>表示結果</th><th>実体名</th><th>実体番号</th>
</tr><tr>
<td>&#402;</td><td>&amp;fnof;</td><td>&amp;#402;</td><td>&#913;</td><td>&amp;Alpha;</td><td>&amp;#913;</td>
</tr><tr>
<td>&#914;</td><td>&amp;Beta;</td><td>&amp;#914;</td><td>&#915;</td><td>&amp;Gamma;</td><td>&amp;#915;</td>
</tr><tr>
<td>&#916;</td><td>&amp;Delta;</td><td>&amp;#916;</td><td>&#917;</td><td>&amp;Epsilon;</td><td>&amp;#917;</td>
</tr><tr>
<td>&#918;</td><td>&amp;Zeta;</td><td>&amp;#918;</td><td>&#919;</td><td>&amp;Eta;</td><td>&amp;#919;</td>
</tr><tr>
<td>&#920;</td><td>&amp;Theta;</td><td>&amp;#920;</td><td>&#921;</td><td>&amp;Iota;</td><td>&amp;#921;</td>
</tr><tr>
<td>&#922;</td><td>&amp;Kappa;</td><td>&amp;#922;</td><td>&#923;</td><td>&amp;Lambda;</td><td>&amp;#923;</td>
</tr><tr>
<td>&#924;</td><td>&amp;Mu;</td><td>&amp;#924;</td><td>&#925;</td><td>&amp;Nu;</td><td>&amp;#925;</td>
</tr><tr>
<td>&#926;</td><td>&amp;Xi;</td><td>&amp;#926;</td><td>&#927;</td><td>&amp;Omicron;</td><td>&amp;#927;</td>
</tr><tr>
<td>&#928;</td><td>&amp;Pi;</td><td>&amp;#928;</td><td>&#929;</td><td>&amp;Rho;</td><td>&amp;#929;</td>
</tr><tr>
<td>&#931;</td><td>&amp;Sigma;</td><td>&amp;#931;</td><td>&#932;</td><td>&amp;Tau;</td><td>&amp;#932;</td>
</tr><tr>
<td>&#933;</td><td>&amp;Upsilon;</td><td>&amp;#933;</td><td>&#934;</td><td>&amp;Phi;</td><td>&amp;#934;</td>
</tr><tr>
<td>&#935;</td><td>&amp;Chi;</td><td>&amp;#935;</td><td>&#936;</td><td>&amp;Psi;</td><td>&amp;#936;</td>
</tr><tr>
<td>&#937;</td><td>&amp;Omega;</td><td>&amp;#937;</td><td>&#945;</td><td>&amp;alpha;</td><td>&amp;#945;</td>
</tr><tr>
<td>&#946;</td><td>&amp;beta;</td><td>&amp;#946;</td><td>&#947;</td><td>&amp;gamma;</td><td>&amp;#947;</td>
</tr><tr>
<td>&#948;</td><td>&amp;delta;</td><td>&amp;#948;</td><td>&#949;</td><td>&amp;epsilon;</td><td>&amp;#949;</td>
</tr><tr>
<td>&#950;</td><td>&amp;zeta;</td><td>&amp;#950;</td><td>&#951;</td><td>&amp;eta;</td><td>&amp;#951;</td>
</tr><tr>
<td>&#952;</td><td>&amp;theta;</td><td>&amp;#952;</td><td>&#953;</td><td>&amp;iota;</td><td>&amp;#953;</td>
</tr><tr>
<td>&#954;</td><td>&amp;kappa;</td><td>&amp;#954;</td><td>&#955;</td><td>&amp;lambda;</td><td>&amp;#955;</td>
</tr><tr>
<td>&#956;</td><td>&amp;mu;</td><td>&amp;#956;</td><td>&#957;</td><td>&amp;nu;</td><td>&amp;#957;</td>
</tr><tr>
<td>&#958;</td><td>&amp;xi;</td><td>&amp;#958;</td><td>&#959;</td><td>&amp;omicron;</td><td>&amp;#959;</td>
</tr><tr>
<td>&#960;</td><td>&amp;pi;</td><td>&amp;#960;</td><td>&#961;</td><td>&amp;rho;</td><td>&amp;#961;</td>
</tr><tr>
<td>&#962;</td><td>&amp;sigmaf;</td><td>&amp;#962;</td><td>&#963;</td><td>&amp;sigma;</td><td>&amp;#963;</td>
</tr><tr>
<td>&#964;</td><td>&amp;tau;</td><td>&amp;#964;</td><td>&#965;</td><td>&amp;upsilon;</td><td>&amp;#965;</td>
</tr><tr>
<td>&#966;</td><td>&amp;phi;</td><td>&amp;#966;</td><td>&#967;</td><td>&amp;chi;</td><td>&amp;#967;</td>
</tr><tr>
<td>&#968;</td><td>&amp;psi;</td><td>&amp;#968;</td><td>&#969;</td><td>&amp;omega;</td><td>&amp;#969;</td>
</tr><tr>
<td>&#977;</td><td>&amp;thetasym;</td><td>&amp;#977;</td><td>&#978;</td><td>&amp;upsih;</td><td>&amp;#978;</td>
</tr><tr>
<td>&#982;</td><td>&amp;piv;</td><td>&amp;#982;</td><td>&#8226;</td><td>&amp;bull;</td><td>&amp;#8226;</td>
</tr><tr>
<td>&#8230;</td><td>&amp;hellip;</td><td>&amp;#8230;</td><td>&#8242;</td><td>&amp;prime;</td><td>&amp;#8242;</td>
</tr><tr>
<td>&#8243;</td><td>&amp;Prime;</td><td>&amp;#8243;</td><td>&#8254;</td><td>&amp;oline;</td><td>&amp;#8254;</td>
</tr><tr>
<td>&#8260;</td><td>&amp;frasl;</td><td>&amp;#8260;</td><td>&#8272;</td><td>&amp;weierp;</td><td>&amp;#8272;</td>
</tr><tr>
<td>&#8465;</td><td>&amp;image;</td><td>&amp;#8465;</td><td>&#8476;</td><td>&amp;real;</td><td>&amp;#8476;</td>
</tr><tr>
<td>&#8482;</td><td>&amp;trade;</td><td>&amp;#8482;</td><td>&#8501;</td><td>&amp;alefsym;</td><td>&amp;#8501;</td>
</tr><tr>
<td>&#8592;</td><td>&amp;larr;</td><td>&amp;#8592;</td><td>&#8593;</td><td>&amp;uarr;</td><td>&amp;#8593;</td>
</tr><tr>
<td>&#8594;</td><td>&amp;rarr;</td><td>&amp;#8594;</td><td>&#8595;</td><td>&amp;darr;</td><td>&amp;#8595;</td>
</tr><tr>
<td>&#8596;</td><td>&amp;harr;</td><td>&amp;#8596;</td><td>&#8629;</td><td>&amp;crarr;</td><td>&amp;#8629;</td>
</tr><tr>
<td>&#8656;</td><td>&amp;lArr;</td><td>&amp;#8656;</td><td>&#8657;</td><td>&amp;uArr;</td><td>&amp;#8657;</td>
</tr><tr>
<td>&#8658;</td><td>&amp;rArr;</td><td>&amp;#8658;</td><td>&#8659;</td><td>&amp;dArr;</td><td>&amp;#8659;</td>
</tr><tr>
<td>&#8660;</td><td>&amp;hArr;</td><td>&amp;#8660;</td><td>&#8704;</td><td>&amp;forall;</td><td>&amp;#8704;</td>
</tr><tr>
<td>&#8706;</td><td>&amp;part;</td><td>&amp;#8706;</td><td>&#8707;</td><td>&amp;exist;</td><td>&amp;#8707;</td>
</tr><tr>
<td>&#8709;</td><td>&amp;empty;</td><td>&amp;#8709;</td><td>&#8711;</td><td>&amp;nabla;</td><td>&amp;#8711;</td>
</tr><tr>
<td>&#8712;</td><td>&amp;isin;</td><td>&amp;#8712;</td><td>&#8713;</td><td>&amp;notin;</td><td>&amp;#8713;</td>
</tr><tr>
<td>&#8715;</td><td>&amp;ni;</td><td>&amp;#8715;</td><td>&#8719;</td><td>&amp;prod;</td><td>&amp;#8719;</td>
</tr><tr>
<td>&#8721;</td><td>&amp;sum;</td><td>&amp;#8721;</td><td>&#8722;</td><td>&amp;minus;</td><td>&amp;#8722;</td>
</tr><tr>
<td>&#8727;</td><td>&amp;lowast;</td><td>&amp;#8727;</td><td>&#8730;</td><td>&amp;radic;</td><td>&amp;#8730;</td>
</tr><tr>
<td>&#8733;</td><td>&amp;prop;</td><td>&amp;#8733;</td><td>&#8734;</td><td>&amp;infin;</td><td>&amp;#8734;</td>
</tr><tr>
<td>&#8736;</td><td>&amp;ang;</td><td>&amp;#8736;</td><td>&#8743;</td><td>&amp;and;</td><td>&amp;#8743;</td>
</tr><tr>
<td>&#8744;</td><td>&amp;or;</td><td>&amp;#8744;</td><td>&#8745;</td><td>&amp;cap;</td><td>&amp;#8745;</td>
</tr><tr>
<td>&#8746;</td><td>&amp;cup;</td><td>&amp;#8746;</td><td>&#8747;</td><td>&amp;int;</td><td>&amp;#8747;</td>
</tr><tr>
<td>&#8756;</td><td>&amp;there4;</td><td>&amp;#8756;</td><td>&#8764;</td><td>&amp;sim;</td><td>&amp;#8764;</td>
</tr><tr>
<td>&#8773;</td><td>&amp;cong;</td><td>&amp;#8773;</td><td>&#8776;</td><td>&amp;asymp;</td><td>&amp;#8776;</td>
</tr><tr>
<td>&#8800;</td><td>&amp;ne;</td><td>&amp;#8800;</td><td>&#8801;</td><td>&amp;equiv;</td><td>&amp;#8801;</td>
</tr><tr>
<td>&#8804;</td><td>&amp;le;</td><td>&amp;#8804;</td><td>&#8805;</td><td>&amp;ge;</td><td>&amp;#8805;</td>
</tr><tr>
<td>&#8834;</td><td>&amp;sub;</td><td>&amp;#8834;</td><td>&#8835;</td><td>&amp;sup;</td><td>&amp;#8835;</td>
</tr><tr>
<td>&#8836;</td><td>&amp;nsub;</td><td>&amp;#8836;</td><td>&#8838;</td><td>&amp;sube;</td><td>&amp;#8838;</td>
</tr><tr>
<td>&#8839;</td><td>&amp;supe;</td><td>&amp;#8839;</td><td>&#8853;</td><td>&amp;oplus;</td><td>&amp;#8853;</td>
</tr><tr>
<td>&#8855;</td><td>&amp;otimes;</td><td>&amp;#8855;</td><td>&#8869;</td><td>&amp;perp;</td><td>&amp;#8869;</td>
</tr><tr>
<td>&#8901;</td><td>&amp;sdot;</td><td>&amp;#8901;</td><td>&#8968;</td><td>&amp;lceil;</td><td>&amp;#8968;</td>
</tr><tr>
<td>&#8969;</td><td>&amp;rceil;</td><td>&amp;#8969;</td><td>&#8970;</td><td>&amp;lfloor;</td><td>&amp;#8970;</td>
</tr><tr>
<td>&#8969;</td><td>&amp;rceil;</td><td>&amp;#8969;</td><td>&#8970;</td><td>&amp;lfloor;</td><td>&amp;#8970;</td>
</tr><tr>
<td>&#8971;</td><td>&amp;rfloor;</td><td>&amp;#8971;</td><td>&#9001;</td><td>&amp;lang;</td><td>&amp;#9001;</td>
</tr><tr>
<td>&#9002;</td><td>&amp;rang;</td><td>&amp;#9002;</td><td>&#9674;</td><td>&amp;loz;</td><td>&amp;#9674;</td>
</tr><tr>
<td>&#9824;</td><td>&amp;spades;</td><td>&amp;#9824;</td><td>&#9827;</td><td>&amp;clubs;</td><td>&amp;#9827;</td>
</tr><tr>
<td>&#9829;</td><td>&amp;hearts;</td><td>&amp;#9829;</td><td>&#9830;</td><td>&amp;diams;</td><td>&amp;#9830;</td>
</tr>
</table>
<h4>その他の特別な文字</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>表示結果</th><th>実体名</th><th>実体番号</th><th>表示結果</th><th>実体名</th><th>実体番号</th>
</tr><tr>
<td>&#34;</td><td>&amp;quot;</td><td>&amp;#34;</td><td>&#38;</td><td>&amp;amp;</td><td>&amp;#38;</td>
</tr><tr>
<td>&#60;</td><td>&amp;lt;</td><td>&amp;#60;</td><td>&#62;</td><td>&amp;gt;</td><td>&amp;#62;</td>
</tr><tr>
<td>&#338;</td><td>&amp;OElig;</td><td>&amp;#338;</td><td>&#339;</td><td>&amp;oelig;</td><td>&amp;#339;</td>
</tr><tr>
<td>&#352;</td><td>&amp;Scaron;</td><td>&amp;#352;</td><td>&#353;</td><td>&amp;scaron;</td><td>&amp;#353;</td>
</tr><tr>
<td>&#376;</td><td>&amp;Yuml;</td><td>&amp;#376;</td><td>&#710;</td><td>&amp;circ;</td><td>&amp;#710;</td>
</tr><tr>
<td>&#732;</td><td>&amp;tilde;</td><td>&amp;#732;</td><td>&#8194;</td><td>&amp;ensp;</td><td>&amp;#8194;</td>
</tr><tr>
<td>&#8195;</td><td>&amp;emsp;</td><td>&amp;#8195;</td><td>&#8201;</td><td>&amp;thinsp;</td><td>&amp;#8201;</td>
</tr><tr>
<td>&#8204;</td><td>&amp;zwnj;</td><td>&amp;#8204;</td><td>&#8205;</td><td>&amp;zwj;</td><td>&amp;#8205;</td>
</tr><tr>
<td>&#8206;</td><td>&amp;lrm;</td><td>&amp;#8206;</td><td>&#8207;</td><td>&amp;rlm;</td><td>&amp;#8207;</td>
</tr><tr>
<td>&#8211;</td><td>&amp;ndash;</td><td>&amp;#8211;</td><td>&#8212;</td><td>&amp;mdash;</td><td>&amp;#8212;</td>
</tr><tr>
<td>&#8216;</td><td>&amp;lsquo;</td><td>&amp;#8216;</td><td>&#8217;</td><td>&amp;rsquo;</td><td>&amp;#8217;</td>
</tr><tr>
<td>&#8218;</td><td>&amp;sbquo;</td><td>&amp;#8218;</td><td>&#8220;</td><td>&amp;ldquo;</td><td>&amp;#8220;</td>
</tr><tr>
<td>&#8221;</td><td>&amp;rdquo;</td><td>&amp;#8221;</td><td>&#8222;</td><td>&amp;bdquo;</td><td>&amp;#8222;</td>
</tr><tr>
<td>&#8224;</td><td>&amp;dagger;</td><td>&amp;#8224;</td><td>&#8225;</td><td>&amp;Dagger;</td><td>&amp;#8225;</td>
</tr><tr>
<td>&#8240;</td><td>&amp;permil;</td><td>&amp;#8240;</td><td>&#8249;</td><td>&amp;lsaquo;</td><td>&amp;#8249;</td>
</tr><tr>
<td>&#8250;</td><td>&amp;rsaquo;</td><td>&amp;#8250;</td><td>&#8364;</td><td>&amp;euro;</td><td>&amp;#8364;</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>URLエンコードリファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/urlencode.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.43</id>
   
   <published>2007-03-19T09:57:02Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLにおけるURLエンコードリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>URLエンコーディング形式（16進数のフォーマット）でのASCII文字のリファレンスです。</p>
<p>16進数の値は、ブラウザとプラグインでの非標準の文字とキャラクターコードを表示するために使用することができます。</p>
<h4>URLエンコーディングテスト</h4>
<p>以下のフォームにテキストを入力し、”URLエンコード”ボタンを押すと、入力されたテキストのURLエンコード結果を表示します。</p>
<form method="post" action="../systems/encode/urlencode.cgi" target="_blank">
<p><textarea name="valueurl" rows="7" cols="40">
ここにテキストを入力してください。
</textarea></p>
<p><input type="submit" value="URLエンコード" /></p>
</form>]]>
      
   </content>
</entry>
<entry>
   <title>HTTPメッセージリファレンス</title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/httpmessages.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.44</id>
   
   <published>2007-03-19T09:59:28Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTMLにおけるHTTPメッセージのリファレンス。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<p>ブラウザがWebサーバーに何らかのリクエストをする時に、エラーが生じるかもしれません。</p>
<p>以下は、ブラウザに返されるHTTPステータスメッセージの表です。</p>
<h4>HTTPステータス100番台：情報</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メッセージ</th><th>説明</th>
</tr><tr>
<td>100 Continue</td><td>リクエストの一部だけがサーバーによって受け取られたことを示します。しかし、リクエストが拒絶されていない限り、クライアントはリクエストを継続するべきです。</td>
</tr><tr>
<td>101 Switching Protocols</td><td>サーバーがプロトコルを切り替えたことを示します。</td>
</tr>
</table>
<h4>HTTPステータス200番台：成功</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メッセージ</th><th>説明</th>
</tr><tr>
<td>200 OK</td><td>リクエストが受け入れられたことを示します。</td>
</tr><tr>
<td>201 Created</td><td>リクエストが完了し、新しいリソースが作成されることを示します。</td>
</tr><tr>
<td>202 Accepted</td><td>リクエストは処理のために受理されが、処理は完全ではないことを示します。</td>
</tr><tr>
<td>203 Non-authoritative Information</td><td>&nbsp;</td>
</tr><tr>
<td>204 No Content</td><td>&nbsp;</td>
</tr><tr>
<td>205 Reset Content</td><td>&nbsp;</td>
</tr><tr>
<td>206 Partial Content</td><td>&nbsp;</td>
</tr>
</table>
<h4>HTTPステータス300番台：リダイレクト</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メッセージ</th><th>説明</th>
</tr><tr>
<td>300 Multiple Choices</td><td>リンクのリスト。ユーザーはリンクを選択し、リンク先へ行くことができます。最大5アドレスまで。</td>
</tr><tr>
<td>301 Moved Permanently</td><td>リクエストされたページが、新しいURLに移ったことを示します。</td>
</tr><tr>
<td>302 Found</td><td>リクエストされたページが、一時的に新しいURLに移ったことを示します。</td>
</tr><tr>
<td>303 See Other</td><td>リクエストされたページが、異なるURL下で見つけることができることを示します。</td>
</tr><tr>
<td>304 Not Modified</td><td>&nbsp;</td>
</tr><tr>
<td>305 Use Proxy</td><td>&nbsp;</td>
</tr><tr>
<td>306 <i>Unused</i></td><td>旧バージョン中で使用されていましたが、現在では使用されていません。</td>
</tr><tr>
<td>307 Temporary Redirect</td><td>リクエストされたページが、一時的に新しいURLに移ったことを示します。</td>
</tr>
</table>
<h4>HTTPステータス400番台：クライアントエラー</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メッセージ</th><th>説明</th>
</tr><tr>
<td>400 Bad Request</td><td>サーバーがリクエストを理解しなかったことを示します。</td>
</tr><tr>
<td>401 Unauthorized</td><td>リクエストされたページには、ユーザー名とパスワードを必要とすることを示します。</td>
</tr><tr>
<td>402 Payment Required</td><td>&nbsp;</td>
</tr><tr>
<td>403 Forbidden</td><td>リクエストされたページへのアクセスが禁止されていることを示します。</td>
</tr><tr>
<td>404 Not Found</td><td>サーバーがリクエストされたページを見つけることができなかったことを示します。</td>
</tr><tr>
<td>405 Method Not Allowed</td><td>リクエストで指定された方法が許可されないことを示します。</td>
</tr><tr>
<td>406 Not Acceptable</td><td>サーバーが、単にクライアントによって受理されないレスポンスを生成することができることを示します。</td>
</tr><tr>
<td>407 Proxy Authentication Required</td><td>&nbsp;</td>
</tr><tr>
<td>408 Request Timeout</td><td>サーバーへのリクエストがタイムアウトしたことを示します。</td>
</tr><tr>
<td>409 Conflict</td><td>矛盾が発生したため、リクエストが受理できなかったことを示します。</td>
</tr><tr>
<td>410 Gone</td><td>リクエストされたページが、もはや利用可能でないことを示します。</td>
</tr><tr>
<td>411 Length Required</td><td>”Content-Length”が定義されていないことを示します。サーバーは、”Content-Length”のないリクエストを受け入れません。</td>
</tr><tr>
<td>412 Precondition Failed</td><td>&nbsp;</td>
</tr><tr>
<td>413 Request Entity Too Large</td><td>リクエストが大きすぎるので、サーバーがリクエストを拒否したことを示します。</td>
</tr><tr>
<td>414 Request-url Too Long</td><td>URLが長すぎるので、サーバーがリクエストを拒否したことを示します。</td>
</tr><tr>
<td>415 Unsupported Media Type</td><td>メディアタイプがサポートされていないので、サーバーがリクエストを拒否したことを示します。</td>
</tr><tr>
<td>416</td><td>&nbsp;</td>
</tr><tr>
<td>417 Expectation Failed</td><td>&nbsp;</td>
</tr>
</table>
<h4>HTTPステータス500番台：サーバーエラー</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>メッセージ</th><th>説明</th>
</tr><tr>
<td>500 Internal Server Error</td><td>サーバーに予期しないエラーが発生したため、リクエストが完了できなかったことを示します。</td>
</tr><tr>
<td>501 Not Implemented</td><td>サーバーが要求された機能をサポートしていないため、リクエストが完了できなかったことを示します。</td>
</tr><tr>
<td>502 Bad Gateway</td><td>アップストリームサーバーから無効な応答を受け取ったため、リクエストが完了できなかったことを示します。</td>
</tr><tr>
<td>503 Service Unavailable</td><td>サーバーが高負荷状態にあるかダウンしているため、リクエストが完了できなかったことを示します。</td>
</tr><tr>
<td>504 Gateway Timeout</td><td>ゲートウェイがタイムアウトしたことを示します。</td>
</tr><tr>
<td>505 HTTP Version Not Supported</td><td>サーバーが、HTTPプロトコルのバージョンをサポートしないことを示します。</td>
</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title><![CDATA[HTMLコメントタグ &lt;!--・・・--&gt;タグ]]></title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/tag_comment.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.45</id>
   
   <published>2007-03-19T10:05:43Z</published>
   <updated>2007-03-20T13:13:15Z</updated>
   
   <summary>HTMLコメントタグ の定義と使用方法です。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>コメントタグの定義と使用法</h4>
<p>コメントタグはHTMLのソースコードにコメントを挿入するために使用されます。</p>
<p>コメントはブラウザには表示されません。</p>
<p>HTMLコードについて説明するためにコメントを使用することができ、後にHTMLのソースコードを編集する時に、作業の効率化が図れるでしょう。</p>
<p>さらに、コメントの内部にプログラム特殊情報を格納することができます。この場合も、ブラウザには表示されませんが、プログラムは利用可能です。</p>
<p>スクリプトやスタイルをコメントタグで囲むことによって、スクリプトやスタイルをサポートしない古いブラウザで、ソースコードがそのまま表示されてしまうことを防ぐことができます。</p>
<h4>コメントタグのソースと表示例</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>ソースコード</th><th>表示結果</th>
</tr><tr>
<td>&lt;!-- ここにコメント --&gt;<br />&lt;p&gt;これは段落です。&lt;/p&gt;</td>
<td>これは段落です。</td>
</tr>
</table>
<h4>コメントタグのサンプルデモ</h4>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_comment.html">コメントの挿入サンプル</a><br />
HTMLのソースコードに隠れたコメントを挿入する方法をデモンストレーションします。</p>]]>
      
   </content>
</entry>
<entry>
   <title><![CDATA[HTML DOCTYPE宣言タグ &lt;!DOCTYPE&gt;タグ]]></title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/tag_doctype.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.46</id>
   
   <published>2007-03-19T10:08:20Z</published>
   <updated>2007-03-20T10:21:33Z</updated>
   
   <summary>HTML DOCTYPE宣言タグ の定義と使用方法です。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>DOCTYPE宣言タグの定義と使用法</h4>
<p>&lt;!DOCTYPE&gt;宣言は&lt;html&gt;タグの前に置かれる、HTMLドキュメント中のまさに最初のものです。このタグは、HTMLドキュメントがどのHTMLあるいはXHTML仕様を使用するかをブラウザに伝えます。</p>
<h4>HTMLでの3種類のDTD（文書型定義）</h4>
<p>HTML 4.01では、Strict、Transitional、Framesetの3つのドキュメントタイプを指定します。</p>
<h4>HTML Strict DTD</h4>
<p>本来の理想的なHTML 4.01の文書を作成したい場合に使用します。</p>
<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;</code></pre>
<h4>HTML Transitional DTD</h4>
<p>非推奨の要素や属性が使用できるだけでなく、要素の配置に関しても自由度の高いDTDです。ただし、フレームを使用することはできません。Strict DTDの定義に従うことができない箇所があるような場合に使用する暫定的なものです。</p>
<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"&gt;</code></pre>
<h4>HTML Frameset DTD</h4>
<p>Transitional DTDとほぼ同じですが、フレーム関連の要素を使うことができるDTDです。</p>
<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"&gt;</code></pre>
<h4>XHTMLでの3種類のDTD（文書型定義）</h4>
<p>XHTML 1.0では、Strict、Transitional、Framesetの3つのXMLドキュメントタイプを指定します。</p>
<h4>XHTML Strict DTD</h4>
<p>本来の理想的なXHTML 1.0の文書を作成したい場合に使用します。</p>
<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</code></pre>
<h4>XHTML Transitional DTD</h4>
 <p>非推奨の要素や属性が使用できるだけでなく、要素の配置に関しても自由度の高いDTDです。ただし、フレームを使用することはできません。Strict DTDの定義に従うことができない箇所があるような場合に使用する暫定的なものです。</p>
<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</code></pre>
<h4>XHTML Frameset DTD</h4>
<p>Transitional DTDとほぼ同じですが、フレーム関連の要素を使うことができるDTDです。</p>
<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt;</code></pre>
<p>正確なDTDで有効なXHTMLドキュメントを書いたことをチェックするために、XHTMLページを <a href="http://validator.w3.org/" target="_blank">XHTML validator</a> にリンクすることができます。</p>]]>
      
   </content>
</entry>
<entry>
   <title><![CDATA[HTMLアンカータグ &lt;a&gt;タグ]]></title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/tag_a.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.47</id>
   
   <published>2007-03-19T10:10:48Z</published>
   <updated>2007-03-20T13:15:21Z</updated>
   
   <summary>HTMLアンカータグ の定義と使用方法です。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>アンカータグの定義と使用法</h4>
<p>&lt;a&gt;タグは、アンカーを定義します。アンカーは以下の2つの方法で使用することができます。</p>
<ul>
<li>href属性の使用により別のHTMLドキュメントへのリンクを作成する</li>
<li>name属性またはid属性の使用により、HTMLドキュメントの内部のしおりを作成する</li>
</ul>
<h4>アンカータグのソースと表示例</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>ソースコード</th><th>表示結果</th>
</tr><tr>
<td>&lt;p&gt;ホームページ作成 & WebデザインのためのHTMLチュートリアルへのリンク：<br />
&lt;a href="http://html-tutorial.cool-liberty.com/"&gt;<br />
ホームページ作成 & WebデザインのためのHTMLチュートリアル<br />
&lt;/a&gt;<br />
&lt;/p&gt;<br /><br />
&lt;p&gt;ホームページ作成 & WebデザインのためのHTMLチュートリアルを新しいウィンドウで開く：<br />
&lt;a href="http://html-tutorial.cool-liberty.com/" target="_blank"&gt;<br />
ホームページ作成 & WebデザインのためのHTMLチュートリアル<br />
&lt;/a&gt;<br />
&lt;/p&gt;</td>
<td>ホームページ作成 & WebデザインのためのHTMLチュートリアルへのリンク：
<a href="http://html-tutorial.cool-liberty.com/">ホームページ作成 & WebデザインのためのHTMLチュートリアル</a><br /><br />
ホームページ作成 & WebデザインのためのHTMLチュートリアルを新しいウィンドウで開く：
<a href="http://html-tutorial.cool-liberty.com/" target="_blank">ホームページ作成 & WebデザインのためのHTMLチュートリアル</a>
</td>
</tr>
</table>
<h4>アンカータグのオプション属性</h4>
<ul>
<li><b>DTD</b>の文字は、属性が許可される<a href="http://html-tutorial.cool-liberty.com/reference/tag_doctype.html">DTD</a>を表しています。S＝Strict、T＝Transitional、F＝Frameset</li>
</ul>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>属性</th><th>値</th><th>説明</th><th>DTD</th>
</tr><tr>
<td>charset</td>
<td>character_encoding</td>
<td>リンク先URLの文字符号化を指定します</td>
<td>STF</td>
</tr><tr>
<td>coords</td>
<td>if shape="rect" then<br />
coords="left,top,right,bottom"<br /><br />
if shape="circ" then<br />
coords="centerx,centery,radius"<br /><br />
if shape="poly" then<br />
coords="x1,y1,x2,y2,..,xn,yn"</td>
<td>イメージマップのためのイメージ領域を定義するために、shape属性に適切な座標を指定します</td>
<td>STF</td>
</tr><tr>
<td>href</td>
<td>URL</td>
<td>リンク先のURLを指定します</td>
<td>STF</td>
</tr><tr>
<td>hreflang</td>
<td>言語コード</td>
<td>リンク先URLの基礎言語を指定します</td>
<td>STF</td>
</tr><tr>
<td>name</td>
<td>セクションの名前</td>
<td>アンカーを指定します。HTMLドキュメント中でしおりを作成するためにはこの属性を使用してください<br />
XHTMLの次世代バージョンでは、name属性はid属性と取り替えられるでしょう</td>
<td>STF</td>
</tr><tr>
<td>rel</td>
<td>alternate<br />
designates<br />
stylesheet<br />
start<br />
next<br />
prev<br />
contents<br />
index<br />
glossary<br />
copyright<br />
chapter<br />
section<br />
subsection<br />
appendix<br />
help<br />
bookmark</td>
<td>現在のHTMLドキュメントから見たリンク先URLとの関係を指定します</td>
<td>STF</td>
</tr><tr>
<td>rev</td>
<td>alternate<br />
designates<br />
stylesheet<br />
start<br />
next<br />
prev<br />
contents<br />
index<br />
glossary<br />
copyright<br />
chapter<br />
section<br />
subsection<br />
appendix<br />
help<br />
bookmark</td>
<td>リンク先URLから見た現在のHTMLドキュメントとの関係を指定します</td>
<td>STF</td>
</tr><tr>
<td>shape</td>
<td>rect<br />
rectangle<br />
circ<br />
circle<br />
poly<br />
polygon</td>
<td>現在のareaタグの中でマッピングするために定義される領域のタイプを定義します。coords属性と共に使用します</td>
<td>STF</td>
</tr><tr>
<td>target</td>
<td>_blank<br />
_parent<br />
_self<br />
_top</td>
<td>リンク先URLを開くウィンドウを指定します<br /><br />
_blank：リンク先を新しいウィンドウで開きます<br />
_self：リンク先をクリックされた同じフレームの中で開きます<br />
_parent：リンク先を親フレームの中で開きます<br />
_top：リンク先をトップフレームの中で開きます</td>
<td>TF</td>
</tr><tr>
<td>type</td>
<td>MIMEタイプ</td>
<td>MIME（Multipurpose Internet Mail Extensions）タイプのリンク先URLを指定します</td>
<td>STF</td>
</tr>
</table>
<h4>アンカータグの標準属性</h4>
<pre><code>id、class、title、style、dir、lang、xml:lang、tabindex、accesskey</code></pre>
<p><a href="http://html-tutorial.cool-liberty.com/reference/attributes.html">HTML属性リファレンス</a></p>
<h4>アンカータグのイベント属性</h4>
<pre><code>onfocus、onblur、onclick、ondblclick、onmousedown、onmouseup、onmouseover、
onmousemove、onmouseout、onkeypress、onkeydown、onkeyup</code></pre>
<p><a href="http://html-tutorial.cool-liberty.com/reference/events.html">イベント属性リファレンス</a></p>
<h4>アンカータグのサンプルデモ</h4>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_links.html">ハイパーリンクのサンプル</a><br />
HTMLドキュメントの中でリンクを作成する方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_imglink.html">画像を使ったハイパーリンクのサンプル</a><br />
リンクとして画像を使用する方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_link_target.html">リンク先を新しいウィンドウで開くサンプル</a><br />
新しいウィンドウを開けることにより別のページにリンクする方法をデモンストレーションします。その結果、訪問者はあなたのホームページを去る必要がありません。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_link_locations.html">ページ上の別の場所へリンクするサンプル</a><br />
ドキュメントの別の部分へジャンプするリンクを使用する方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_frame_getfree.html">フレームから抜け出すリンクサンプル</a><br />
ホームページがフレームによって固定されている場合、リンクによってフレームから抜け出る方法をデモンストレーションします。</p>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_mailto.html">メールソフトを起動させるサンプル</a><br />
メールソフト（メールソフトがインストールされている必要があります）を起動させる方法をデモンストレーションします。</p>]]>
      
   </content>
</entry>
<entry>
   <title><![CDATA[HTML略語タグ &lt;abbr&gt;タグ]]></title>
   <link rel="alternate" type="text/html" href="http://html-tutorial.cool-liberty.com/reference/tag_abbr.html" />
   <id>tag:html-tutorial.cool-liberty.com,2007://1.48</id>
   
   <published>2007-03-19T10:15:21Z</published>
   <updated>2007-03-20T13:16:30Z</updated>
   
   <summary>HTML略語タグ の定義と使用方法です。</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML リファレンス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://html-tutorial.cool-liberty.com/">
      <![CDATA[<h4>略語タグの定義と使用法</h4>
<p>「Inc」や「etc」などの略語を示します。略語をマークアップすることによって、ブラウザやスペルチェッカー、翻訳システム、検索エンジンに有用な情報を与えることができます。</p>
<h4>略語タグのソースと表示例</h4>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<th>ソースコード</th><th>表示結果</th>
</tr><tr>
<td>&lt;abbr title="World Wide Web Consortium"&gt;W3C&lt;/abbr&gt;</td>
<td><abbr title="World Wide Web Consortium">W3C</abbr></td>
</tr>
</table>
<h4>略語タグの標準属性</h4>
<pre><code>id、class、title、style、dir、lang、xml:lang</code></pre>
<p><a href="http://html-tutorial.cool-liberty.com/reference/attributes.html">HTML属性リファレンス</a></p>
<h4>略語タグのイベント属性</h4>
<pre><code>onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、
onmouseout、onkeypress、onkeydown、onkeyup</code></pre>
<p><a href="http://html-tutorial.cool-liberty.com/reference/events.html">イベント属性リファレンス</a></p>
<h4>略語タグのサンプルデモ</h4>
<p><a href="http://html-tutorial.cool-liberty.com/samples/tryhtml_abbr.html">略語と頭文字のサンプル</a><br />
略語または頭文字を扱う方法をデモンストレーションします。</p>]]>
      
   </content>
</entry>

</feed>
