English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基本教程

HTML メディア

HTML リファレンスマニュアル

HTML5 基本教程

HTML5 API

HTML5 メディア

HTML スピードチューションリスト

HTML スピードチェックリスト。ローカルに保存したり、印刷して、記憶しやすく、日々の使用に便利にできます。

HTML 基本文档

<!DOCTYPE html>
<html>
<head>
<title>ドキュメントタイトル</title>
</head>
<body>
可視テキスト...
</body>
</html>

基本的なタグ(Basic Tags)

<h1>最大のタイトル</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>最小のタイトル</h6>
 
<p>これは段落。</p>
<br> (改行)
<hr> (水準線)
<!-- これはコメント -->

テキストフォーマット(フォーマッティング)

<b>太字テキスト</b>
<code>コンピュータコード</code>
<em>強調テキスト</em>
<i>イタリックテキスト</i>
<kbd>キーボード入力</kbd> 
<pre>プレフォームattedテキスト</pre>
<small>小さいテキスト</small>
<strong>重要なテキスト</strong>
 
<abbr> (省略)
<address> (連絡情報)
<bdo> (テキストの方向)
<blockquote> (他のソースからの引用部分)
<cite> (作品の名前)
<del> (削除テキスト)
<ins> (挿入テキスト)
<sub> (下書きテキスト)
<sup> (上書きテキスト)

リンク(Links)

通常のリンク:<a href="http://www.example.com/">リンクテキスト</a>
画像リンク: <a href="http://www.example.com/><img src="URL" alt="置き換えテキスト"></a>
メールリンク: <a href="mailto:[email protected]">eメールを送信-メール</a>
ブックマーク:
<a id="tips">トピック部分</a>
<a href="#tips">トピック部分にジャンプ</a>

画像(Images)

<img src="URL" alt="置き換えテキスト" height="42" width="42">

スタイル/ブロック(Styles/セクション(Sections)

<style type="text/css">
h1 {color:yellow;}
div{background:#f9f9f9;}
p {color:green;}
</style>
<h1>H1ウェブページタイトル</h1>
<div>ドキュメント内のブロック要素</div>
<p>ドキュメント内のインライン要素</p>

無秩序リスト

<ul>
    <li>項目</li>
    <li>項目</li>
</ul>

順序リスト

<ol>
    <li>第一項</li>
    <li>第二項</li>
</ol>

定義リスト

<dl>
  <dt>項目 1</dt>
    <dd>説明項目 1</dd>
  <dt>項目 2</dt>
    <dd>説明項目 2</dd>
</dl>

テーブル(Tables)

<table border="1">
  <tr>
    <th>テーブルタイトル</th>
    <th>テーブルタイトル</th>
  </tr>
  <tr>
    <td>テーブルデータ</td>
    <td>テーブルデータ</td>
  </tr>
</table>

フレーム(Iframe)

<iframe src="demo_iframe.htm"></iframe>

フォーム(Forms)

<form action="demo_form.php" method="post/get>
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>javascript基礎教程</option>
<option selected="selected">html基礎教程</option>
<option>css基礎教程</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
 
</form>

エンティティ(Entities)

< 同等に <
> 同等に >
© 同等に ©