2012/11/24〜:毎日更新から不定期更新に変更中
暫くの間、麻衣ペースに書きますネ(^^)/

LivedoorBlog Q&A -005-

LivedoorBlog Q&A -005-

Q.文章に装飾等をしたい。

Answerは「続きを読む」からご覧下さい(^^)♪


※記載の内容は全て2010/02/18現在のものです※
※解説は全てLivedoorBlogを例としています※
※本来、現在推奨されているのはCSSによる文字装飾指定ですが、本記事ではあくまでも「初心者でも簡単手軽」である点を重視してHTMLタグによる方法を紹介しています※

はい♪
という事で今回は、Blog記事をより華やかでリッチなものにする?!文字装飾等の方法について書いていきたいと思います(^^)

つまり。
文中にこんな風にリンクを挿入したり

でっかい文字にしたり
こんな小さく小声の如く囁いたり…(笑)
これらの方法について以下に解説していきます。


まず最初にちょっとした根本的な点の説明を。

Blogに限らずインターネット上のあらゆるウェブページはHTMLという決まりに従って作られています。
その決まりによって、文字をでっかくしたり色が付いたり…といった表現を指定しているんです。

で、その指定をする為に必要なのがHTMLタグというもの。そのHTMLタグで指定範囲内を囲ってあげる事で、様々な装飾効果が可能になるのです(^^)
一部除き、基本的なほとんどのタグは携帯版で表示した時も反映されるので、PCからは勿論のこと携帯からの投稿でも同様に装飾が可能です。
0034
…分るような分らないような???(苦笑)
ともかく実際に見てみるのが一番♪
さっそく例としてHTMLタグの一つを使ってみます。

こんにちは〜。
↑これは今、普通のサイズで表示されてますよね。

では、例としてfontタグというものを使って…
<font size="1">こんにちは〜</font>
と入力して投稿してみましょう。すると…

こんにちは〜
ちっちゃ!!(笑)めちゃ弱々しい挨拶です(^-^;)

とまぁこんな風に、HTMLタグで囲まれた部分に効果が適用されるという事がお分かり頂けたかなと思います。
これさえ分れば、あとはどんなタグがあるのかを知るだけ♪使うには文章をタグで囲むのみ!簡単簡単〜(^^)ノシ

で・す・が?!
HTMLタグは、それはもう半端じゃなく沢山の種類があって全てを紹介する訳にはいきません。というか、アオも全く知らない使ったこともないタグがざらにありますので(爆)、とりあえずアオがわりと良く使うHTMLタグを2つだけご紹介します。

fontタグ
size属性で文字サイズ、color属性で文字色
(sizeやcolor等の属性は同時指定も可能)

size属性は1〜7の数字指定が簡単でしょう。
color属性は本来は6桁のカラーコードによる指定ですが、お手軽な方法としてこれらのメジャーな色名で指定することも出来ます。
例えばyellowとかredとかpurpleとか…。

例:
<font size="6" color="orange">超<font><font size="2">インパクトある出だし(爆)</font>
表示結果:
インパクトある出だし(爆)


aタグ
href属性で指定URLへのリンク作成

例:
文中の<a href="http://ao.doorblog.jp/">この文字</a>をリンクにしてみる
表示結果:
文中のこの文字をリンクにしてみる


他にもほ〜んと色んなHTMLタグがあり、知れば知るだけBlogをより楽しく華やかに出来ることは間違いなしっ?!
もっと知りたい方は…すみませんが紹介しきれないので(苦笑)、ぜひ軽〜く検索して学んでみましょう♪

アオのオススメはこちらの『TAG INDEX』様。
非常に分かり易く心強い友(笑)です(^-^)

コメント一覧

    • 1. タッチミー
    • February 19, 2010 01:27
    • ID:zCJDesCb0
    • 2月14日の続編ですね、毎度ありがとうございます。
      また、チャレンジしてみます。
    • 2. アオ
    • February 19, 2010 23:50
    • ID:hRIWtUVY0
    • タッチミーさん>
      いえいえ♪
      かな〜り適当な解説なので(爆)あくまもで最終的には
      ご自身で更に1ステップ調べたりして頂ければ有難いです(^o^;)
      …というかそろそろ早くもこのシリーズ…ネタ切れ気味なので、
      何か不明な点あったら気兼ねなくぜひ(笑)

コメントする

名前
 
  絵文字
 
 
麻衣コミュニケーション
Article Search
Categories
Archives
麻衣友 Blogger Links
Release Information
Recent Events
:参加確定
:参加予定

Visitors
  • 今日:
  • 昨日:
  • 累計:

Blogger's Profile
アオ

千葉のMai.Kファン「アオ」です!!
Blogから地道に麻衣さんを応援していきつつもBlogをキッカケに麻衣友さんの輪が広がっていくと大変嬉しいです☆
どうぞ宜しくお願い致します♪

1st.Blog(Livedoor)
1st.Blog「Mai Time...」
2nd.Blog(Ameba)
2nd.Blog「Mai Time... 〜24 mai〜」

麻衣コミュニケーション No.283
(サーバー管理・運用担当)

mixi(17953749)

twitter(ao_mark)

MCI No.007
麻衣ちゃん中古CD救出委員会

私は「うそこ大学」在学生です。

blogram投票ボタン

Mail Form
「アオ」へのメールはコチラ
Mail form is click here.