LivedoorBlog Q&A -005-
Q.文章に装飾等をしたい。
Answerは「続きを読む」からご覧下さい(^^)♪
Q.文章に装飾等をしたい。
Answerは「続きを読む」からご覧下さい(^^)♪
※記載の内容は全て2010/02/18現在のものです※
※解説は全てLivedoorBlogを例としています※
※本来、現在推奨されているのはCSSによる文字装飾指定ですが、本記事ではあくまでも「初心者でも簡単手軽」である点を重視してHTMLタグによる方法を紹介しています※
はい♪
という事で今回は、Blog記事をより華やかでリッチなものにする?!文字装飾等の方法について書いていきたいと思います(^^)
つまり。
文中にこんな風にリンクを挿入したり
色彩を豊かにしてみたり
でっかい文字にしたり
こんな小さく小声の如く囁いたり…(笑)
これらの方法について以下に解説していきます。
まず最初にちょっとした根本的な点の説明を。
Blogに限らずインターネット上のあらゆるウェブページはHTMLという決まりに従って作られています。
その決まりによって、文字をでっかくしたり色が付いたり…といった表現を指定しているんです。
で、その指定をする為に必要なのがHTMLタグというもの。そのHTMLタグで指定範囲内を囲ってあげる事で、様々な装飾効果が可能になるのです(^^)
一部除き、基本的なほとんどのタグは携帯版で表示した時も反映されるので、PCからは勿論のこと携帯からの投稿でも同様に装飾が可能です。
…分るような分らないような???(苦笑)
ともかく実際に見てみるのが一番♪
さっそく例としてHTMLタグの一つを使ってみます。
こんにちは〜。
↑これは今、普通のサイズで表示されてますよね。
では、例としてfontタグというものを使って…
と入力して投稿してみましょう。すると…
こんにちは〜
ちっちゃ!!(笑)めちゃ弱々しい挨拶です(^-^;)
とまぁこんな風に、HTMLタグで囲まれた部分に効果が適用されるという事がお分かり頂けたかなと思います。
これさえ分れば、あとはどんなタグがあるのかを知るだけ♪使うには文章をタグで囲むのみ!簡単簡単〜(^^)ノシ
で・す・が?!
HTMLタグは、それはもう半端じゃなく沢山の種類があって全てを紹介する訳にはいきません。というか、アオも全く知らない使ったこともないタグがざらにありますので(爆)、とりあえずアオがわりと良く使うHTMLタグを2つだけご紹介します。
他にもほ〜んと色んなHTMLタグがあり、知れば知るだけBlogをより楽しく華やかに出来ることは間違いなしっ?!
もっと知りたい方は…すみませんが紹介しきれないので(苦笑)、ぜひ軽〜く検索して学んでみましょう♪
アオのオススメはこちらの『TAG INDEX』様。
非常に分かり易く心強い友(笑)です(^-^)
※解説は全てLivedoorBlogを例としています※
※本来、現在推奨されているのはCSSによる文字装飾指定ですが、本記事ではあくまでも「初心者でも簡単手軽」である点を重視してHTMLタグによる方法を紹介しています※
はい♪
という事で今回は、Blog記事をより華やかでリッチなものにする?!文字装飾等の方法について書いていきたいと思います(^^)
つまり。
文中にこんな風にリンクを挿入したり
色彩を豊かにしてみたり
でっかい文字にしたり
こんな小さく小声の如く囁いたり…(笑)
これらの方法について以下に解説していきます。
まず最初にちょっとした根本的な点の説明を。
Blogに限らずインターネット上のあらゆるウェブページはHTMLという決まりに従って作られています。
その決まりによって、文字をでっかくしたり色が付いたり…といった表現を指定しているんです。
で、その指定をする為に必要なのがHTMLタグというもの。そのHTMLタグで指定範囲内を囲ってあげる事で、様々な装飾効果が可能になるのです(^^)
一部除き、基本的なほとんどのタグは携帯版で表示した時も反映されるので、PCからは勿論のこと携帯からの投稿でも同様に装飾が可能です。
…分るような分らないような???(苦笑)
ともかく実際に見てみるのが一番♪
さっそく例として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』様。
非常に分かり易く心強い友(笑)です(^-^)
また、チャレンジしてみます。