サポートページ 
基本となるHTMLコード一覧
テンプレートのコードを編集にする際に、よく見るコードを以下にまとめました。
|
HTML宣言 |
<HTML></HTML> |
(ファイルの始まりと最後に挿入) |
|
ページタイトル |
<TITLE></TITLE> |
(ページタイトルとして表示されます) |
|
文書のヘッダ情報 |
<HEAD></HEAD> |
(ページタイトルなどの、概要を入力してください) |
|
文書本体の情報 |
<BODY></BODY> |
(ページのメイン情報となります) |
|
見出し |
<H?></H?> |
(合計で6レベルまで設定できます) |
|
見出し表示配置指定 |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> |
|
|
ブロックとして設定 |
<DIV></DIV> |
|
|
ブロック表示配置指定 |
<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> |
|
|
インライン要素設定 |
<SPAN></SPAN> |
|
|
引用・転載であることを明記 |
<BLOCKQUOTE></BLOCKQUOTE> |
字下げ機能) |
|
テキストを強調 |
<EM></EM> |
(斜体として表示されます) |
|
テキストをより強調 |
<STRONG></STRONG> |
(太字として表示されます) |
|
出典・参照先を表す |
<CITE></CITE> |
(斜体として表示されます) |
|
コードソース |
<CODE></CODE> |
(こちらで囲んだテキストがプログラムコード であることを示します) |
|
変数、引数であることを示す |
<VAR></VAR> |
|
|
用語を定義 |
<DFN></DFN> |
(用語が使用されていることを示します) |
|
連絡・問い合わせ先の明記 |
<ADDRESS></ADDRESS> |
|
|
テキストを一回り大きく表示 |
<BIG></BIG> |
|
|
テキストを一回り小さく表示 |
<SMALL></SMALL> |
|
| 太字 | <B></B> |
|
| 斜体 | <I></I> |
|
| 下線 | <U></U> |
(下線を表示させます) |
| 打消し線 | <STRIKE></STRIKE> |
(テキストに打消し線を表示させます) |
| 打消し線 | <S></S> |
(テキストに打消し線を表示させます) |
| 下付き文字を表示 | <SUB></SUB> |
|
| 上付き文字を表示 | <SUP></SUP> |
|
| 範囲内を整形済みテキストとして表示 | <PRE></PRE> |
(要素内に入力されたソース、テキストをそのままの形で表示します) |
| センタリング | <CENTER></CENTER> |
(画像、テキストを中央に表示します) |
| フォントサイズ | <FONT SIZE=?></FONT> |
(1~7の範囲で文字の大きさを指定します) |
| フォントカラー | <FONT COLOR="#$$$$$$"></FONT> |
|
| 文字に背景色をつける | <span style="background-color:お好きな色のコードを入力">色付けするテキストを入力</span> |
|
| フォント選択 | <FONT FACE="***"></FONT> |
|
| フォントの太さ | <FONT WEIGHT=?></FONT> |
|
| 画像、テキストスクロール | <MARQUEE></MARQUEE> |
| リンク | <A HREF="URL"></A> |
|
| リンク先の表示指定 | <A HREF="URL#***"></A> |
(移動先URL内の表示する箇所を指定します) |
<A HREF="#***"></A> |
(現在のURL内の表示する箇所を指定します) | |
| フレーム名指定 | <A HREF="URL" TARGET="***"></A> |
(表示するURLを表示するフレーム・ウィンドウを指定します) |
| 宛先を指定してメールを起動 | <A HREF="mailto:@"></A> |
|
| 宛先、件名、内容を指定してメールを起動 | <A HREF="mailto:@?SUBJECT=***"></A> |
|
| ページ内の名前を設定 | <A NAME="***"></A> |
|
| 画像表示 | <IMG SRC="URL"> |
|
| 配置指定 | <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
<IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> |
||
| 画像代替表示 | <IMG SRC="URL" ALT="***"> |
(画像が表示されないユーザーのために代替テキストを挿入します) |
| 表示サイズ指定 | <IMG SRC="URL" WIDTH=? HEIGHT=?> |
(数値はpxで指定) |
<IMG SRC="URL" WIDTH=% HEIGHT=%> |
(数値は%で指定) | |
| 画像のボーダー設定 | <IMG SRC="URL" BORDER=?> |
(数値はpxで指定) |
| 画像のスペース設定 | <IMG SRC="URL" HSPACE=? VSPACE=?> |
(数値はpxで指定) |
| イメージマップ | <IMG SRC="URL" USEMAP="URL"> |
|
| マップの名前 | <MAP NAME="***"></MAP> |
(マップを指定) |
| 領域、選択範囲を指定 | <AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF> |
|
| パラグラフ | <P></P> |
(クロージングタグは必要でない場合もあります) |
| テキスト配置 | <P ALIGN=LEFT|CENTER|RIGHT></P> |
|
| 両端揃え | <P ALIGN=JUSTIFY></P> |
|
| 改行 | <BR> |
(一段落、改行します) |
| テキストの回り込みを解除 | <BR CLEAR=LEFT|RIGHT|ALL> |
|
| 罫線 | <HR> |
|
| 罫線配置 | <HR ALIGN=LEFT|RIGHT|CENTER> |
|
| 罫線の太さ | <HR SIZE=?> |
(数値はpxで指定) |
| 罫線の長さ | <HR WIDTH=?> |
(数値はpxで指定) |
<HR WIDTH="%"> |
(数値は％で指定) |
| 箇条書きリスト | <UL><LI></UL> |
(リスト要素を囲んでください) |
| リストを狭い範囲で展開 | <UL COMPACT></UL> |
|
| 文頭マーカー指定 | <UL TYPE=DISC|CIRCLE|SQUARE> |
(リスト内すべてに反映されます) |
<LI TYPE=DISC|CIRCLE|SQUARE> |
(これ以下の改装に反映されます) | |
| 番号順リスト | <OL><LI></OL> |
(リスト要素を囲んでください) |
| 文頭マーカー指定 | <OL TYPE=A|a|I|i|1> |
(リスト内すべてに反映されます) |
<LI TYPE=A|a|I|i|1> |
(これ以下の改装に反映されます) | |
| マーカーの開始数値指定 | <OL START=?> |
(リスト内すべてに反映されます) |
<LI VALUE=?> |
(これ以下の改装に反映されます) | |
| 定義型リスト | <DL><DT><DD></DL> |
<DT>=用語, <DD>=説明・定義
|
| 背景画像の指定 | <BODY BACKGROUND="URL"> |
|
| 背景色の指定 | <BODY BGCOLOR="#$$$$$$"> |
(red/green/blueであれば名前で指定できます) |
| テキストのカラー指定 | <BODY TEXT="#$$$$$$"> |
|
| リンク訪問前のカラー指定 | <BODY LINK="#$$$$$$"> |
|
| リンク訪問後のカラー指定 | <BODY VLINK="#$$$$$$""> |
|
| リンク選択中のカラー指定 | <BODY ALINK="#$$$$$$"> |
(クリック中のテキストのカラーを設定できます) |
| 表（テーブル） | <TABLE></TABLE> |
|
| 表の配置 | <TABLE ALIGN=LEFT|RIGHT|CENTER> |
|
| 表の枠にボーダーの挿入 | <TABLE BORDER></TABLE> |
(この要素を入力すると、線が挿入されますが数値は指定できません) |
| ボーダーの値を指定 | <TABLE BORDER=?></TABLE> |
(ボーダーの太さを指定できます) |
| セル同士の間隔を指定 | <TABLE CELLSPACING=?> |
|
| 表の掛け線とセルの間隔を指定 | <TABLE CELLPADDING=?> |
|
| 表の横幅の指定 | <TABLE WIDTH=?> |
(値はpxで指定してください) |
<TABLE WIDTH=%> |
(値は％で指定してください) | |
| 表の色指定 | <TABLE BGCOLOR="$$$$$$"></TABLE> |
|
| 表の行指定 | <TR></TR> |
|
| 行の配置 | <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM> |
|
| セル指定 | <TD></TD> |
(指定するセルの番号を入力する必要があります) |
| セルの配置 | <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> |
|
| 改行を抑制 | <TD NOWRAP> |
|
| セル同士を横に連結 | <TD COLSPAN=?> |
|
| セル同士を縦に連結 | <TD ROWSPAN=?> |
|
| セルの横幅の指定 | <TD WIDTH=?> |
(値はpxで指定してください) |
<TD WIDTH="%"> |
(値は％で指定してください) | |
| セルの色指定 | <TD BGCOLOR="#$$$$$$"> |
|
| 見出しとなるセル | <TH></TH> |
|
| 見出しの配置 | <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM> |
|
| 改行を抑制 | <TH NOWRAP> |
|
| 見出しと他のセルを横に連結 | <TH COLSPAN=?> |
|
| 見出しと他のセルを縦に連結 | <TH ROWSPAN=?> |
|
| 見出しセルの横幅指定 | <TH WIDTH=?> |
(値はpxで指定してください) |
<TD WIDTH="%"> |
(値は％で指定してください) | |
| 見出しの色指定 | <TH BGCOLOR="#$$$$$$"> |
|
| 表本体情報 | <TBODY> |
|
| 連結の範囲を指定 | <COL SPAN=?></COL> |
|
| 連結したセルの大きさ | <COL WIDTH=?></COL> |
|
<COL WIDTH="%"></COL> |
||
ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。
登録を完了させるには、認証メールのご確認をお願いします。
