簡単なＨＴＭＬを使おう

ブログに記事を投稿する場合、下記の方法で文章を入力されていることと思われます。

　　Ｗiki文法を使用して記事作成
　　ＨＴＭＬで記事作成
　　上記の文法は使わないで記事作成

この章では ＨＴＭＬ を勉強しましょう（Ｗiki文法は別コーナーで）

いっぱいＨＴＭＬはあるようですが、私の知ってる限りを例題としました。


ＨＴＭＬは、飾り付けたい文字を タグ と呼ばれる命令で指定することにより文字が装飾される。

では、実例で練習を開始しよう

注意：新規投稿画面のWiki文法使用欄の □ へ、チェックを入れないこと
　　　 また、ＨＴＭＬとWiki併用はできません

■■文■■字■■に■■色■■を■■付■■け■■る■■

練習１　　「トリノ五輪、がんばれ日本人選手」というフレーズを赤い文字にしてみよう

　　　　　　＜font color="red"＞トリノ五輪＜/font＞　　　＜＞は半角で入力


結果　　トリノ五輪、がんばれ日本人選手


□□□□□□□□□□□□□□□□

練習2 上記フレーズを緑色にしてみよう

　　　　　　＜font color="green"＞トリノ五輪、がんばれ日本人選手＜/font＞　　　＜＞は半角で入力


結果　　 トリノ五輪、がんばれ日本人選手


■■文■■字■■の■■大■■き■■さ■■

練習３　　上記フレーズを緑色でサイズを変えてみよう (size +3point)

　　　　　　＜font color="green" size="+3"＞トリノ五輪、がんばれ日本人選手＜/font＞　　　＜＞は半角で入力


結果　　　トリノ五輪、がんばれ日本人選手


□□□□□□□□□□□□□□□□

練習４　　緑色でサイズを　６point　にしてみよう

　　　　　　＜font color="green" size="+6"＞トリノ五輪、がんばれ日本人選手＜/font＞　　　＜＞は半角で入力


結果　　　トリノ五輪、がんばれ日本人選手　　　


色の指定で使う主なもの（コード指定も可能だが、ここでは直接に色を指定）

black　黒色　■■■
gray　灰色　■■■
white　白色　□□□
maroon　栗色　■■■
red　赤色　■■■
purple　紫色　■■■ 　
fuchsia　ピンク　■■■ 　
green　緑色　■■■ 　 　
yellow　黄色　■■■ 　 　
navy　紺色　■■■ 　 　
blue　青色　■■■ 　 　 　
aqua　水色　■■■ 　 　 　
lime　ライム色　■■■ 　 　 　
olive　オリーブ色　■■■ 　 　 　

色はこれ以外に多数あるようですが、本章では代表的な上記にとどめます。


■■文■■字■■を■■太■■く■■

練習５　　太文字に変える

　　　　　　＜b＞トリノ五輪、がんばれ日本人選手＜/b＞　　　＜＞は半角で入力

結果
　　　　　　　　　
　 トリノ五輪、がんばれ日本人選手　　　
　

□□□□□□□□□□□□□□□□　　　　　　

練習６　　太文字の紺色に変える

　　　　　　＜font color="navy"＞＜b＞トリノ五輪、がんばれ日本人選手＜/b＞＜/font＞　　　＜＞は半角で入力

結果
　
　　　　　　トリノ五輪、がんばれ日本人選手


■■斜■■体■■文■■字■■に■■■■■■

練習７　　文字を斜体に変える

　　　　　　＜i＞トリノ五輪、がんばれ日本人選手＜/i＞　　　＜＞は半角で入力


結果

　　　　　トリノ五輪、がんばれ日本人選手


□□□□□□□□□□□□□□□□

練習８　　文字をピンクにし、斜体に変える

＜font color="fuchsia"＞＜i＞トリノ五輪、がんばれ日本人選手＜/i＞＜/font＞　　　＜＞は半角で入力


結果

　　　　　トリノ五輪、がんばれ日本人選手


■■流■■れ■■る■■文■■字■■

練習９　　文字を電光掲示板のように流してみよう

　　　　　＜marquee＞トリノ五輪、がんばれ日本人選手＜/marquee＞　　　＜＞は半角で入力


結果　　

　　　　　トリノ五輪、がんばれ日本人選手　　　


□□□□□□□□□□□□□□□□

練習１０　　文字を水色にしサイズも大きく（６p）し、電光掲示板のように流してみよう
　　　　　　　　　　　　　　　　
　　　　　＜marquee＞＜font color="aqua" size="+6"＞トリノ五輪、がんばれ日本人選手＜/marquee＞＜/font＞

　　　　　　　　　　＜＞は半角で入力


結果　

トリノ五輪、がんばれ日本人選手

こんにちわ 勉強していますね。(^^) 参考にさせていただきます。

[-]

おはようございます！・・・ヤフブロでのＨＴＭＬ記述はイマイチなので、普段私はＷｉｋｉを使ってます。 ＨＴＭＬ記述は自作ＨＰでバリバリ使ってます。 覚えると楽しいですよね！

勉強されてますね。新しいブログも解説されるとか、すごいですね。わたしもHTMLにしようかなと思っています。文字を普通に打って、改行とか行間を空けたりは普通に出来るのでしょうか？そのたびにタグが必要ですか？

普通に入力すればたいていの場合OKです。ヤフーでブログを続けるならiki文法のほうが使い易いと思います。ＨＴＭＬはタグを含むと長文になります。ヤフーにはプレビュー機能がないので改行、文章のレイアウトとかが心配ですよね。＞＞＞コメント つづき・・ます

私のセカンドブログはエキサイト社のもの。ヤフーより優れているのはプレビュー機能があり、「送信」を押さない限り、失敗しても何度でも校正が可能。ヤフーのように多機能ではない分、軽くてサクサクです。

[アーちゃん]

いろいろ、色色、勉強出来てうれしいです。普段はソフトを使ってＨＰ作成しているので何にも考えずにフォントや色を選んでいますが、自分でHTMLで作成するのは面倒ですね。

satukiさん＞確かにＨＴＭＬにしろWikiにしろ面倒かも知れませんが、人生半分過ぎた私にとって頭の体操と思い「できる範囲で」頑張りたいと考えています。でもね、本音は新しい事、覚えるのってこの年では苦痛？です。