HTMLチートリスト

HTML チートリストは、毎日使用するために印刷できます。

HTML基本ドキュメント

例

<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本...
</body>
</html>

[例を実行]ボタンをクリックしてオンライン例を表示します

基本タグ(基本タグ)

<h1>最大のタイトル</h1>

。 </ h5>
<h6>最小限の見出し</h6>

<p>これは段落です。 </p> 太字テキスト</b>
<code>コンピュータコード</code>
<em>強調テキスト</em>
<i>斜体テキスト</i>
<kbd>キーボード</kbd>
<pre>整形済みテキスト</pre>

<small>小さいテキスト</small>

<strong>重要なテキスト</strong>

<abbr> (省略形)

< ;address> (連絡先情報)

<blockquote> (他のソースからの引用部分)
<del> (削除されたテキスト) ins> (挿入されたテキスト)
<sub> (下付きテキスト)

リンク (リンク)

通常のリンク: <a href="http://www.example .com/">リンクテキスト</a>
画像リンク: <a href="http://www.example.com/"> ;<img src="URL" alt="置換テキスト"> ;</a>
メールリンク: <a href="mailto:webmaster@example.com">メールを送信</a>

ブックマーク:
<a id="tips">セクション</a>
<a href="#tips">ヒントセクションにジャンプ</a>

画像

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

スタイル/セクション

<style type="text/css">
  h1 {color:red;}
  p {color:blue;}
</style>

<div>ドキュメント内のブロックレベル要素</div>
<span>ドキュメント内のインライン要素</span>

順序なしリスト

<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>

テーブル

<table border="1">
  <tr>
      <th>表格标题</th>
      <th>表格标题</th>
  </tr>
  <tr>
      <td>表格数据</td>
      <td>表格数据</td>
  </tr>
</table>

フレームワーク(Iframe)

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

Form(フォーム)

<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>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>

エンティティ

と同等です

← HTML URL

HTMLの概要 →