全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.14
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTML文字画像リンク
・文字のカスタマイズ
今回は、まだご紹介していないタグをまとめてみました。
ttタグに囲まれた文字は、等幅フォントで表示されます
フォントを等幅にする
例：
「<tt>等幅フォントです</tt>」
↓
等幅フォントです
blinkタグに囲まれた文字は、点滅して表示されます。
文字を点滅させる
例：
「<blink>Internet Explorerでは点滅しません</blink>」
↓
Internet Explorerでは点滅しません
このタグを指定すると、対象の文字にルビ（ふりがな）を付けることができます。
ひらがなをふる
例：
「<ruby><rb>文字<rt>もじ</ruby>」
↓
文字
※ネスケでは対応していません。
文章中の引用部分を明示したいときは、blockquoteタグを使用します。
文章を引用する
例：
「<blockquote>まわりに空白ができて、目立ちます</blockquote>」
↓
フォントタグのface属性を変更します
文字の部分を変更してコピー貼り付けで使ってください
今回で、文字のカスタマイズ講座は終了です。
次回からは、画像の掲載方法・リンク作成方法を学んでいきます。
今回は、まだご紹介していないタグをまとめてみました。
ttタグに囲まれた文字は、等幅フォントで表示されます
フォントを等幅にする
<tt>～</tt>
例：
「<tt>等幅フォントです</tt>」
↓
等幅フォントです
blinkタグに囲まれた文字は、点滅して表示されます。
文字を点滅させる
<blink>～</blink>
例：
「<blink>Internet Explorerでは点滅しません</blink>」
↓
Internet Explorerでは点滅しません
このタグを指定すると、対象の文字にルビ（ふりがな）を付けることができます。
ひらがなをふる
<ruby><rb>～<rt>ふりがな</ruby>
例：
「<ruby><rb>文字<rt>もじ</ruby>」
↓
※ネスケでは対応していません。
文章中の引用部分を明示したいときは、blockquoteタグを使用します。
文章を引用する
<blockquote>～</blockquote>
例：
「<blockquote>まわりに空白ができて、目立ちます</blockquote>」
↓
まわりに空白ができて、目立ちます
フォントタグのface属性を変更します
ＭＳ Ｐゴシック（標準)
<font face="ＭＳ Ｐゴシック">文字</font>
Terminal
<font face="Terminal">文字</font>
Small Fonts
<font face="Small Fonts">文字</font>
Arial Unicode MS
<font face="Arial Unicode MS">文字</font>
ＭＳ 明朝
<font face="ＭＳ 明朝">文字</font>
MS UI Gothic
<font face="MS UI Gothic">文字</font>
HG丸ｺﾞｼｯｸM-PRO
<font face="HG丸ｺﾞｼｯｸM-PRO">文字</font>
HGｺﾞｼｯｸM
<font face="HGｺﾞｼｯｸM">文字</font>
HGｺﾞｼｯｸE
<font face="HGｺﾞｼｯｸE">文字</font>
HG創英角ﾎﾟｯﾌﾟ体
<font face="HG創英角ﾎﾟｯﾌﾟ体">文字</font>
HG創英角ｺﾞｼｯｸUB
<font face="HG創英角ｺﾞｼｯｸUB">文字</font>
ふみゴシック
<font face="ふみゴシック">文字</font>
HG行書体
<font face="HG行書体">文字</font>
HG祥南行書体
<font face="HG祥南行書体">文字</font>
HG正楷書体
<font face="HG正楷書体">文字</font>
恋文ペン字
<font face="恋文ペン字">文字</font>
Verdana
<font face="Verdana">文字</font>
Tahoma
<font face="Tahoma">文字</font>
Geogia
<font face="Geogia">文字</font>
Impact
<font face="Impact">文字</font>
今回で、文字のカスタマイズ講座は終了です。
次回からは、画像の掲載方法・リンク作成方法を学んでいきます。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.11.03 11:02:14
[HTML文字画像リンク] カテゴリの最新記事
-
引用するタグ 2012.03.02
-
定義型リストの作り方 2012.03.02
-
フォントの変え方 2008.06.20
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
