|
ブログに記事を投稿する場合、下記の方法で文章を入力されていることと思われます。
Wiki文法を使用して記事作成
HTMLで記事作成
上記の文法は使わないで記事作成
この章では HTML を勉強しましょう(Wiki文法は別コーナーで)
いっぱいHTMLはあるようですが、私の知ってる限りを例題としました。
HTMLは、飾り付けたい文字を タグ と呼ばれる命令で指定することにより文字が装飾される。
では、実例で練習を開始しよう
注意:新規投稿画面のWiki文法使用欄の □ へ、チェックを入れないこと
また、HTMLとWiki併用はできません
■■文■■字■■に■■色■■を■■付■■け■■る■■
練習1 「トリノ五輪、がんばれ日本人選手」というフレーズを赤い文字にしてみよう
<font color="red">トリノ五輪</font> <>は半角で入力
結果 トリノ五輪、がんばれ日本人選手
□□□□□□□□□□□□□□□□
練習2 上記フレーズを緑色にしてみよう
<font color="green">トリノ五輪、がんばれ日本人選手</font> <>は半角で入力
結果 トリノ五輪、がんばれ日本人選手
■■文■■字■■の■■大■■き■■さ■■
練習3 上記フレーズを緑色でサイズを変えてみよう (size +3point)
<font color="green" size="+3">トリノ五輪、がんばれ日本人選手</font> <>は半角で入力
結果 トリノ五輪、がんばれ日本人選手
□□□□□□□□□□□□□□□□
練習4 緑色でサイズを 6point にしてみよう
<font color="green" size="+6">トリノ五輪、がんばれ日本人選手</font> <>は半角で入力
結果 トリノ五輪、がんばれ日本人選手
色の指定で使う主なもの(コード指定も可能だが、ここでは直接に色を指定)
black 黒色 ■■■
gray 灰色 ■■■
white 白色 □□□
maroon 栗色 ■■■
red 赤色 ■■■
purple 紫色 ■■■
fuchsia ピンク ■■■
green 緑色 ■■■
yellow 黄色 ■■■
navy 紺色 ■■■
blue 青色 ■■■
aqua 水色 ■■■
lime ライム色 ■■■
olive オリーブ色 ■■■
色はこれ以外に多数あるようですが、本章では代表的な上記にとどめます。
■■文■■字■■を■■太■■く■■
練習5 太文字に変える
<b>トリノ五輪、がんばれ日本人選手</b> <>は半角で入力
結果
トリノ五輪、がんばれ日本人選手
□□□□□□□□□□□□□□□□
練習6 太文字の紺色に変える
<font color="navy"><b>トリノ五輪、がんばれ日本人選手</b></font> <>は半角で入力
結果
トリノ五輪、がんばれ日本人選手
■■斜■■体■■文■■字■■に■■■■■■
練習7 文字を斜体に変える
<i>トリノ五輪、がんばれ日本人選手</i> <>は半角で入力
結果
トリノ五輪、がんばれ日本人選手
□□□□□□□□□□□□□□□□
練習8 文字をピンクにし、斜体に変える
<font color="fuchsia"><i>トリノ五輪、がんばれ日本人選手</i></font> <>は半角で入力
結果
トリノ五輪、がんばれ日本人選手
■■流■■れ■■る■■文■■字■■
練習9 文字を電光掲示板のように流してみよう
<marquee>トリノ五輪、がんばれ日本人選手</marquee> <>は半角で入力
結果
□□□□□□□□□□□□□□□□
練習10 文字を水色にしサイズも大きく(6p)し、電光掲示板のように流してみよう
<marquee><font color="aqua" size="+6">トリノ五輪、がんばれ日本人選手</marquee></font>
<>は半角で入力
結果
|