Benchmark Email サポートセンター

AIサポートチャット(β版)をお試しください。

AIに質問する

サポートページ aero-right 基本となるHTMLコード一覧

基本となるHTMLコード一覧

General Questions 更新日 7月 7, 2021

テンプレートのコードを編集にする際に、よく見るコードを以下にまとめました。

基本設定

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>

 

 

ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。

 

 

>>「メール作成:編集操作」のまとめページに戻る

Benchmarkから業界トレンド&最新情報をお届けします

ご登録頂きありがとうございます!

登録を完了させるには、認証メールのご確認をお願いします。