トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
タグの入力方法
ホームページを作るのに必要なhtmlタグの書き方の紹介をしています。「 < > 」こういうカッコで囲まれているのがタグで、このカッコの中に書いてある文字で効果が変わってきます。<b> ←このようにカッコの中に「 b 」と書かれていれば文字を太くする効果があります。終わりを指定しないと書いた部分から全部に反映するので終わりのタグも書く必要があります。<b>文字</b> こういう風に書いていきます。
※ タグはホームページ形式で保存したファイル内でないと反映されません。
… 半角スペース６段目のスペースキーを押す（半角時）
<… カッコ（始まり）【Shift】を押しながら５段目の右から５つ目
>… カッコ（終わり）【Shift】を押しながら５段目の右から４つ目
"… ダブルクォート【Shift】を押しながら２段目の左から３つ目
#… シャープ【Shift】を押しながら２段目の左から４つ目
=… イコール【Shift】を押しながら２段目の左から４つ目
%… パーセント【Shift】を押しながら２段目の左から６つ目
:… コロン４段目の右から３つ目
;… セミコロン４段目の右から４つ目
タグの入力方法

タグやスタイルシートは文字や記号などをキーボードで入力することで利用可能です。
  • 記述例 ： <font size="5" color="#ff9922">文字</font>
上の記述例のような感じで文字を書いていけばいいのです。 でも、キーボードのどの場所を入力すれば上のような記号がでてきたりするのか 分からない人もいると思うので紹介します。

それではまず日本語入力モードを解除してください。キーボードの文字部分を押したら半角英語が表示されるかたはそのままでいいです。日本語入力モードになっている方は、上の図の２段目の左から１番目にある【半角／全角】というボタンを押してみてください。とりあえず日本語で入力できる状態ではなく、半角英語を入力できる状態にしてください。
半角と全角の違いは、「ABC」と「ＡＢＣ」との違いです。大きさや横幅が違いますよね。１文字が正方形のスペースをとるのが全角と覚えておいてください。縦長の細い長方形が半角です。半角→「1」「ｱ」「@」「%」　全角→「１」「ア」「＠」「％」「あ」「字」

それではタグを実際に記入していきます。
実際に書いてみたい方は下の入力エリアに書いてみてください。
  • 記述例 ： <font size="5" color="#ff9922">文字</font>

    1. まず、「 < 」カッコを書きます。上の図でいうと５段目の左右１つ目にある【Shift】キーをどちらか１つ押しながら、同じ５段目にある、右から５番目のひらがなの【ね】がある部分のキーを押してください。そうすると「 < 」カッコが表示されるはずです。

    2. 次に「 font size 」フォントサイズと書きます。文字の大きさを指定するのです。これは、半角英語の状態で f o n t s i z e と入力していけばいいだけです（大文字でもいいです）。「 font 」と「 size 」の間に少しスペースが空いていると思います。これは上の図の６段目の真ん中にある【スペース】キーを入力します。

    3. そして次に「 = 」イコールを書きます。これは、上の図の５段目の左右１つ目にある【Shift】キーをどちらか１つ押しながら、２段目の右から４つ目にある、ひらがなの【ほ】 というキーがある部分を入力すると表示できます。

    4. その次に「 " 」点々（ダブルクォート）を入力します。これは記入しなくても大丈夫なのですが、これがあると分かり易いので書いておきましょう。
      上の図でいうと５段目の左右１つ目にある【Shift】キーをどちらか１つ押しながら、２段目の左から３つ目の【２】のキーがある部分を押します。すると「 " 」点々を表示できます。

    5. 数字のある部分は文字の大きさを指定できます。1〜7までの数字を入れることが可能です。
      <font size="1">文字</font>の場合→　文字
      <font size="5">文字</font>の場合→　文字

    6. 次に「 color="#ff9922" 」で文字の色を指定します。color は普通に英語入力で書いていってください。「 = 」と「 " 」はさっきやった通りの方法で入力してください。 そして、「 # 」シャープを入力します。これは無くても大丈夫なのですが、色を指定している場所が分かり易いので書いておくと便利です。【Shift】キーを押しながら、２段目の左から４つ目の【３】のキーがある部分を押します。「 ff9922 」は色を表しています。詳しくはこのサイトにある、「 色の見本 」 を見てください。

    7. そして、「 > 」カッコの終わりを書きます。これは、【Shift】キーを押しながら、５段目の右から４番目にある、【る】の ひらがなのキーがある部分を押してみてください。

    8. 次にタグの効果を反映させる文字を書きます。ここは日本語入力でもかまいません。好きな文字を書いてください。

    9. 最後にタグを「 </font> 」と指定して閉じます。終わりタグは「 / 」スラッシュをつける必要があります。「 / 」スラッシュは、上の図の５段目の右から３つ目の【め】のキーがある場所を押せば入力可能です。 これによりタグで挟んだ範囲だけ効果が反映されます。大体のタグは閉じる必要があるので忘れないで下さい。閉じなくてもいいタグもあります。

▲目次へ

お役立ちリンク集： sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋