HTML Cheatsheet

  1. Basic Tags
  2. Text Tags
  3. Links
  4. Formatting
  5. Tables
  6. Table Attributes
  7. Forms

Basic Tags

基本的なタグ

<html></html> HTML文書を作成します
<head></head> タイトルとその他ウェブページの表示されない情報
<body></body> 表示される文章
<body ondragstart="return false" onselectstart="return false"> マウスおよびキーボードでのテキストの選択を許可しない

Text Tags

テキストタグ

<pre></pre> 整形済みテキストを作成します
<h1></h1> 最大の見出しを作成します
<h6></h6> 最小の見出しを作成します
<b></b> 太字のテキストを作成します
<i></i> イタリック・テキストを作成します
<tt></tt> テレタイプまたはタイプライター・スタイルのテキストを作成します
<cite></cite> 引用(通常イタリック)を作成します
<em></em> 文字(イタリックまたはボールドで)を強調します
<strong></strong> 文字(イタリックまたはボールドで)を強調します

リンク

<a href="URL"></a> ハイパーリンクを作成します
<a href="mailto:EMAIL"></a> メールリンクを作成します
<a href="URL"><img src="URL"></a> イメージリンクを作成します

<a name="NAME"></a> 文書の範囲内で目標場所をつくります
<a href="#NAME"></a> 文書内の目標場所へのリンクを作成します

Formatting

フォーマット

<div></div> ブロック化するのに用いられ、また、stylesheetsのためにも使われる一般的なタグ
<p></p> 新しいパラグラフを作成します
<blockquote></blockquote> 両側からのインデント・テキスト

<ol></ol> 番号付きリストを作成します
<ul></ul> マーク付きリストを作成します
<li></li> リスト項目

<dl></dl> 定義リストを作成します
<dt></dt> 定義語
<dd></dd> 定義説明

<img src="name"> イメージを挿入します

<br> 改行を挿入します
<hr /> 横線を挿入します
<hr noshade /> 影なしの横線を挿入します

Tables

<table></table> テーブルをつくります
<tr></tr> テーブルの中の列
<th></th> テーブル・ヘッダ(中央配置で太字のテキストによる通常のセル)
<td></td> 列の中のセル

Table Attributes

表-属性

<table cellspacing="1"> テーブルセルの間のスペースサイズ
<table cellpadding="1"> セルの境界とその内容の間のスペースサイズ
<td colspan="2"> 右方向にセルを結合する。標準は1
<td rowspan="4"> 下方向にセルを結合する。標準は1
<td nowrap> セルのサイズに合わせて行われる自動改行を禁止する

Forms

フォーム

<form></form> フォームを作成します

<select multiple name="NAME" size=?></select> スクロールメニューを作成します。サイズは表示しておくメニュー項目の数を設定します。
<select name="NAME"></select> プルダウン・メニューを作成します
<option></option> 各々のメニュー項目

<textarea name="NAME" cols=40 rows=8></textarea name> テキスト入力領域を作成します。colsは幅、rowは高さを文字数で設定。
<input type=text name="ram" size=20>1行のテキスト入力領域を作成します。サイズは文字列の長さをセットします。
<input type="checkbox" name="NAME"> チェックボックスを作成します。テキストは、タグに続きます。
<input type="radio" name="NAME" value="x"> ラジオボタンを作成します。テキストは、タグに続きます。
<input type="reset"> リセットボタンを作成します
<input type="submit" value="NAME">Submitボタンを作製します
<input type="image" border=0 name="NAME" src="name.gif"> イメージを使っているSubmitボタンを作成します
<button type="submit">Submit</button> クリックされるボタンの実体のみを作成します

コメントを残す

メールアドレスが公開されることはありません。