| HTMLを応用します |
| 今回は自己紹介を書いてみます。(あくまでもサンプルです) サンプル ホームページ自己紹介ハンドルネーム www 年齢 秘密 性別 内緒 住まい ????? 出身地 橋の下 趣味 ドライブ、音楽鑑賞、映画鑑賞・・・etc 好きな食べ物 オムライス 嫌いな食べ物 トマト 好きな言葉 初心忘るべからず 嫌いな言葉 石の上にも三年 心がけている事 ホームページには一銭も使わない 以上で自己紹介おしまい 取りあえずこんな感じで自己紹介を書いてみてください。間違っても自分の住所や電話番号は書かないようにしましょう。 ご存知の通りＷｅｂの世界では有りとあらゆる情報が流れていますので、予めハンドルネームを決めておくと良いと思います。ネット上で トラブルに巻き込まてれ嫌な思いをした時にも、ハンドルネームを変えて新たに出直す事も出来ますしプライバシーを守る上でも良いと思いますが くれぐれもトラブルを起こす為にハンドルネームを使わないようにしましょう。 話が反れましたが書けたでしょうか？ソースサンプルを貼り付けて置きます。 |
| ソースサンプルです。 |
|
<HTML> <TAITLE>ホームページ</TAITLE> <BODY> </BODY> </HTML> |
| 説明
先ほど使用したタグとは別のタグがいくつか使用しているのにお気付きですね！新たに使用したタグの説明をしたいと思います。 ＜ＢＯＤＹ＞〜＜/ＢＯＤＹ＞ＷＷＷブラウザーに表示させる範囲の指定をしています。 ＜ｂ＞〜＜/ｂ＞文字列を太字で表示します。 ＜ｉ＞〜＜/ｉ＞文字列を斜体で表示します。 ＜u＞〜＜/u＞文字列にアンダーラインを表示します。 |
| テキストをアレンジする |
| 先ほど作ったサンプルテキストだけでは何も面白くないので、字の大きさや色を変えたり、ちゃんとした見出しと段落などを
追加してホームページとして使えるようにして行きたいと思います。 サンプル WWWのお部屋自己紹介ハンドルネーム www 年齢 秘密 性別 内緒 住まい ????? 出身地 橋の下 趣味 ドライブ、音楽鑑賞、映画鑑賞・・・etc 好きな食べ物 オムライス 嫌いな食べ物 トマト 好きな言葉 初心忘るべからず 嫌いな言葉 石の上にも三年 心がけている事 ホームページには一銭も使わない 以上で自己紹介おしまい ソース <HTML> <HEAD> </HEAD> <TAITLE>ホームページ</TAITLE> <BODY> <FONT
COLOR="red"><H1>WWWのお部屋</H1></FONT> </BODY> </HTML> 説明<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> ＜meta＞タグはその文書に関する情報（メタ情報）を指定して、ブラウザや検索ロボットに知らせるためのタグです。Ｓｈｉｆｔ＿ＪＩＳと属性を指定してますので、このページは日本語表示ですの意味を表しています。 ＜ＦＯＮＴ＞は文字列に色々な装飾をほどこしますが、これだけでは何もしていしていませんので「ＣＯＬＯＲ」属性で色の指定をしています。色はＲＧＢの３原色１６進法で指定します。属性値は０〜９、Ａ〜Ｆの１６進法が６桁に成ります。カラーサンプル表はこちらからどうぞ。 ＜Ｈ１＞これは見出しエレメントで＜Ｈ１＞〜＜Ｈ６＞まで有ります。数値が大きく成るほど見出しの大きさが小さく成ります。ＳＥＯ（検索エンジン最適化）対策に力を入れてる方は重要かもしれません。 <FONT size="4">「size="x"」文字列の大きさを指しています。属性値は１〜７までで数値が大きく成るほど文字の大きさ大きく成ります。 |
| まとめ |
| タグ・エレメント・属性のアレンジで幾らでもページの装飾を変える事が可能です。これまで紹介したタグなどは、ホンの一部に過ぎません。色々なタグやエレメントを使いこなして自分流のページやサイトを作成してみてください。 |
| Welcome! to Web Window/wwwへ |