×

お問い合わせ

  • チャットで相談
  • メールで問い合わせ

FAQを確認する

メールマーケティングを行うにあたり、頻繁に出てくる質問事項をまとめました。

カテゴリーを選択してください

カテゴリー検索

キーワード検索

基本となる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> (not widely implemented)
打消し線 <STRIKE></STRIKE> (not widely implemented)
打消し線 <S></S> (not widely implemented)
下付き文字を表示 <SUB></SUB>  
上付き文字を表示 <SUP></SUP>  
範囲内を整形済みテキストとして表示 <PRE></PRE> (要素内に入力されたソース、テキストをそのままの形で表示します)
センタリング <CENTER></CENTER> (画像、テキストを中央に表示します)
フォントサイズ <FONT SIZE=?></FONT> (1~7の範囲で文字の大きさを指定します)
フォントカラー <FONT COLOR="#$$$$$$"></FONT>  
フォント選択 <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> (must appear within table rows)
セルの配置 <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で指定してください)
  <TH WIDTH="%"> (値は%で指定してください)
見出しの色指定 <TH BGCOLOR="#$$$$$$">  
表本体情報 <TBODY>  
連結の範囲を指定 <COL SPAN=?></COL>  
連結したセルの大きさ <COL WIDTH=?></COL>  
  <COL WIDTH="%"></COL>  

 

この回答は役にたちましたか? print up down



関連FAQ