ブログでもだいたい使えるHTMLタグ リファレンス

ホームページやブログなどのウェブサイトで 文字の大きさを指定するには、FONTタグのsizeオプションで指定する方法があります。この場合１(小)～７(大)段階のおおまかな指定になります。

• 文字の大きさ：1～7の数字で指定します。数字が小さいほど文字の大きさは小さく、数字が大きいほど大きく表示されます。

という記述になります。サンプルソースです。

続きを読む "文字の大きさを指定する（FONTタグ）" »

投稿者: Melody 日時: 03:45 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

文字の修飾方法を指定します。

1. タグ名： <p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
   ■ブロックタグ 　body｜ address｜ blockquote｜ div｜ dir｜ dl｜ form｜ h1～h6｜ menu｜ ol｜ pre｜ plaintext｜ table｜ ul｜ xmp
   ■インラインタグ 　a｜ b｜ big｜ blink｜ cite｜ code｜ em｜ font｜ i｜ input｜ kbd｜ s｜ samp｜ select｜ small｜ span｜ strike｜ strong｜ sub｜ sup｜ td｜ textarea｜ tt｜ u｜ var
2. 修飾方法：下記のキーワードで指定できます。
   

   キーワード	修飾方法
   nonel	通常のまま
   underline	下線を付ける 　　 （Mac日本語の場合無効）
   overline	上線を付ける
   line-through	取消線を付ける
   blink	点滅させる

サンプルソースです。

続きを読む "文字の修飾方法を指定する" »

投稿者: Melody 日時: 15:53 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで文章を表示させる際に、 簡単なHTMLタグで 点滅させることができます。BLINKタグを使います。

という記述になります。InternetExplorerは対応していませんが、i モードでも使えます。文字の修飾形式が限られている携帯電話向けサイトなどで使用するとよいかも知れません。
サンプルソースです。

続きを読む "文字を点滅させる" »

投稿者: Melody 日時: 08:37 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトに文章や文字を表示する際には 、RUBYタグを使って文字にルビ（ふりがな）を付けることができますが、このときに ふりがなの位置を指定することができます。

位置揃えの指定は、下記の中から選択できます。

サンプルソースです。

続きを読む "ルビ（ふりがな）の位置揃えを指定する" »

投稿者: Melody 日時: 23:39 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトに文字を表示する際には <ruby>タグを使って文字にルビ（ふりがな）を付けてることができますが、この表示位置を指定をすることができます。

という記述になります。表示位置は、下記の中から指定できます。

サンプルソースです。

続きを読む "ルビ（ふりがな）の表示位置を指定する" »

投稿者: Melody 日時: 22:44 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで文字を表示する際に、ルビ（ふりがな）を付けることができます。<ruby>タグを使います。

という形式になります。ただし、Netscape は対応していません。<ruby>タグ未対応ブラウザに考慮して、対応していない場合の代替文字も指定したほうが良いでしょう。例えば次のように、<rp>タグで、括弧を付けて記述します。

サンプルソースです。

続きを読む "文字にルビ（ふりがな）を付ける" »

投稿者: Melody 日時: 21:56 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで文字や文章などを表示させる際に、<span>タグを使って、文章の一部にスタイルを適用することができます。

文字の大きさ、色、余白そのたさまざまな指定ができますので、デフォルトや外部スタイルシートなどで指定されている 地の文に対して変化を付けたいときに便利です。

という形式になります。複数のスタイルを指定するときは、;（セミコロン）で区切ります。</span>タグを抜けると、スタイルは元の状態に戻ります。

サンプルソースです。

続きを読む "文章の一部にスタイルを適用する" »

投稿者: Melody 日時: 21:16 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトに表示させる文字を、等幅フォントにすることができます。<tt>タグを使います。

等幅フォントとは、半角文字（英数文字）と日本語文字との文字幅の比率が１対２になります。見る側のブラウザに等幅フォントが設定されている必要があります。

という記述になります。サンプルソースです。

続きを読む "文字を等幅文字にする" »

投稿者: Melody 日時: 10:53 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

文章の書体、サイズ、行の高さ、スタイルをまとめて指定することができます。

というふうに、スペースで区切って指定内容を併記します。

1. タグ名： <p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
   ■ブロックタグ 　body｜ address｜ blockquote｜ div｜ dir｜ dl｜ form｜ h1～h6｜ menu｜ ol｜ pre｜ plaintext｜ table｜ ul｜ xmp
   ■インラインタグ 　a｜ b｜ big｜ blink｜ cite｜ code｜ em｜ font｜ i｜ input｜ kbd｜ s｜ samp｜ select｜ small｜ span｜ strike｜ strong｜ sub｜ sup｜ td｜ textarea｜ tt｜ u｜ var
2. イタリックや斜体の指定： 下記のキーワードで指定できます。
   

   キーワード	文字のスタイル
   normal	通常
   italic	イタリック体
   oblique	斜体

3. スモールキャップスの指定： 下記のキーワードで指定できます。
   

   キーワード	文字のスタイル
   normal	通常
   small-caps	スモールキャピタル

4. 文字の太さ： 下記のキーワードまたは数値で指定できます。
   

   キーワード	文字の太さ
   normal	通常
   bold	太字
   bolder	より太く
   lighter	より細く

   数値

   100（細い）～900（太い） ※100刻みで指定

5. 文字の大きさ： 文字の大きさは、下記の絶対サイズ、相対サイズまたはキーワードから指定することができます。
   

   絶対 サイズ	意味
   in	インチ（ 1 in = 25.4 mm ）
   cm	センチメートル
   mm	ミリメートル
   pt	ポイント（ 1 pt = 1/72 in）
   pc	パイカ（ 1 pc = 12 pt ）
   px※	ピクセル（表示上の 1 ドット幅）

   相対 サイズ	意味
   em	基準書体の文字の高さ
   ex	基準書体の文字 x の高さ
   %	基準書体のサイズに対する百分率

   ※正確にはデバイス依存の相対サイズ

   絶対サイズ キーワード	文字の大きさ
   xx-small	超特小
   x-small	特小
   small	小
   medium	標準
   xx-large	超特大
   x-large	特大
   large	大

   相対サイズ キーワード	文字の大きさ
   smaller	より小さく
   larger	より大きく

6. 行の高さ　（→詳しくはこちら）： 行の高さは、下記の絶対サイズまたは相対サイズから指定できます。
   

   絶対 サイズ	意味
   in	インチ（ 1 in = 25.4 mm ）
   cm	センチメートル
   mm	ミリメートル
   pt	ポイント（ 1 pt = 1/72 in）
   pc	パイカ（ 1 pc = 12 pt ）
   px※	ピクセル（表示上の 1 ドット幅）

   相対 サイズ	意味
   em	基準書体の文字の高さ
   ex	基準書体の文字 x の高さ
   %	基準書体のサイズに対する百分率
   数字のみ	基準書体のサイズに対する倍率

   ※正確にはデバイス依存の相対サイズ
7. 書体名　（→詳しくはこちら）
   
   ' Osaka ' ,　' 極細明朝 '
   というふうに、' （シングルクォート）で囲った上に、,（カンマ）で区切って複数指定することができます。これは、ブラウザのシステムが対応していない場合に、代わりに表示する書体を指定するためです。

続きを読む "文章の書体、サイズ、行の高さ、スタイルをまとめて指定する" »

投稿者: Melody 日時: 04:45 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

タグ内で style指定することで、文章の書体（フォント）を指定することができます。

1. タグ名： <p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
   ■ブロックタグ 　body｜ address｜ blockquote｜ div｜ dir｜ dl｜ form｜ h1～h6｜ menu｜ ol｜ p｜ pre｜ plaintext｜ table｜ ul｜ xmp
   ■インラインタグ 　a｜ b｜ big｜ blink｜ cite｜ code｜ em｜ font｜ i｜ input｜ kbd｜ s｜ samp｜ select｜ small｜ span｜ strike｜ strong｜ sub｜ sup｜ td｜ textarea｜ tt｜ u｜ var
2. 書体名：書体名を指定します。
   ' Osaka ' ,　' 極細明朝 '
   というふうに、' （シングルクォート）で囲った上に、,（カンマ）で区切って複数指定することができます。これは、ブラウザのシステムが対応していない場合に、代わりに表示する書体を指定するためです。

サンプルソースです。

このソースを表示させると、次のようになります。

書体のサンプルは、こちらをご覧ください。

投稿者: Melody 日時: 02:41 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトに文章を表示する際に、Pタグ、DIVタグを使って、段落を指定することができます。

というふうにタグで囲まれた範囲が、1つの段落として表示されます。

スタイルシートの設定にもよりますが、通常デフォルトの状態では Pタグの場合、上下にマージン（余白）が取られるため段落の前後に空白が入ります。、DIVタグの場合マージンが取られないため前後に空白は入りません。

サンプルです。

続きを読む "文章の段落を指定する" »

投稿者: Melody 日時: 01:26 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで文字や文章を表示させるさいに、イタリックや斜体で表示することができます。

1. タグ名：PやDIV;、SPANタグなどが一般的ですが、他にもほとんどのブロックタグおよびインラインタグを使用できます。
2. イタリックや斜体の指定： 下記のキーワードで指定できます。

   キーワード	文字のスタイル
   normal	通常
   italic	イタリック体
   oblique	斜体

サンプルです。

続きを読む "文字をイタリック/斜体にする" »

投稿者: Melody 日時: 18:05 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

<font>タグのfaceオプションで、部分的に文字の書体を変えることができます。

• 書体名：書体名を指定します。カンマで区切って複数の書体を指定することができます。これは見る側のシステムに指定した書体がない場合、代わりに表示する書体として使用されます。

サンプルソースです。

表示させるとこんな感じです。お使いのブラウザが対応していない書体の場合、無視されます。

見る側のシステムが指定した書体に対応していない場合、指定は無視されます。また、Netscape では書体名に日本語を指定すると無視（無効扱い）されます。

スタイル指定で書体を指定することもできます→詳細はこちら

書体サンプルは、下記をご覧ください。

続きを読む "文字の書体を指定する（専用タグ）" »

投稿者: Melody 日時: 16:14 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

文章の一部に下線（アンダーライン）を表示することができます。

というふうに記述します。サンプルソースです。

続きを読む "文字に下線をつける（アンダーライン）" »

投稿者: Melody 日時: 14:46 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで文字や文章を表示させる際に、文章の一部を見え消し（取消線）にして表示することができます。

どのタグを使用しても表示上の見え方は同じですが、対応するブラウザに若干の違いがあったようです。

サンプルソースです。

続きを読む "文字を見え消しにする（取消線）" »

投稿者: Melody 日時: 13:40 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで、部分的に文字や文章を強調したい場合は、EMタグやSTRONGタグを使用します。

という記述になります。どちらも『強調する』というタグなので、どう強調されるかはブラウザにおまかせ、といった感じですが、だいたいは少しフォントが大きく表示されたり、太字で表されるようです。

サンプルです。

続きを読む "文字を強調する" »

投稿者: Melody 日時: 17:53 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで文章を表示させる際に、文字の太さを指定することができます。

1. タグ名：PやDIV、SPANタグなどが一般的ですが、他にもほとんどのブロックタグやインラインタグが使用可能です。
2. 文字の太さ：下記のキーワードまたは数値で指定できます。
   

   キーワード	文字の太さ
   normal	通常
   bold	太字
   bolder	より太く
   lighter	より細く

   数値
   100（細い）～900（太い） ※100刻みで指定

サンプルソースです。

続きを読む "文字の太さを指定する" »

投稿者: Melody 日時: 17:44 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで、部分的に文字を太く表示させたい場合は、Bタグが便利です。文字の太さを指定する方法は他にもありますが、このタグが一番短く 手軽に使用できます。

サンプルソースです。

続きを読む "文字を太字にする" »

投稿者: Melody 日時: 17:42 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで、文字を上付きにして表示させる場合は、SUPタグを使用します。自乗などの数学式 2³=8 を表現したり、化学式を表示 H₂O したりするのに便利です。

サンプルソースです。

続きを読む "上付き/下付き文字にする" »

投稿者: Melody 日時: 08:04 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで、部分的に 文字の大きさを変えたい時は、FONTタグのcolor指定が便利です。style指定でも同一の効果が得られます。

1. 色番号または色名称：『 #008000 』などの、16進数表記または色名称で指定します。
   HTML4.0で定義されているWEB基本カラー16色以外では、ブラウザによっては近似色に統合されて表示される場合もあります。またこの場合、16進数表記のほうが安全です。
   カラー見本はこちらをご覧ください
2. タグ名：PやDIV、SPANタグなどが一般的ですが、ほとんどのブロックタグおよびインラインタグが使用可能です。

サンプルです。

続きを読む "文字の色を変える" »

投稿者: Melody 日時: 06:47 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで 文字や文章を表示させる際に、まわりの文字より少し大きく、または小さくしたいというときはBIGタグやSMALLタグといった専用タグが用意されています。

サンプルソースです。

続きを読む "文字を一段大きく/小さくする" »

投稿者: Melody 日時: 06:15 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]

ホームページやブログなどのウェブサイトで 文字の大きさを変えたい時は、style指定が便利です。ピクセル値などの絶対サイズで細かく指定したり、LARGER/SMALLERなどのキーワードで他の文字より一段大きく/小さくなど相対的に指定したりできます。

1. タグ名：PやDIV、SPANタグなどが一般的ですが、他にもほとんどのインラインタグおよびブロックタグが使用できます。
2. 文字の大きさ： 文字の大きさは、下記の絶対サイズ、相対サイズまたはキーワードから指定することができます。
   

   絶対サイズ	意味
   in	インチ（ 1 in = 25.4 mm ）
   cm	センチメートル
   mm	ミリメートル
   pt	ポイント（ 1 pt = 1/72 in）
   pc	パイカ（ 1 pc = 12 pt ）
   px※	ピクセル（表示上の 1 ドット幅）

   相対サイズ	意味
   em	基準書体の文字の高さ
   ex	基準書体の文字 x の高さ
   %	基準書体のサイズに対する百分率

   ※正確にはデバイス依存の相対サイズ

   絶対サイズ キーワード	文字の大きさ
   xx-small	超特小
   x-small	特小
   small	小
   medium	標準
   large	大
   x-large	特大
   xx-large	超特大

   相対サイズ キーワード	文字の大きさ
   smaller	より小さく
   larger	より大きく

サンプルです。

続きを読む "文字の大きさを指定する（スタイル指定）" »

投稿者: Melody 日時: 06:14 | [ ページの先頭へ戻る]　[ブログでもだいたい使えるHTMLタグ リファレンスTOPへ]