2021年7月20日

ホームページの正体02

こんにちは。岐阜県岐阜市でホームページ制作からホームページ制作後のWEBコンサルタントサービスを提供しています、株式会社laboです。ホームページ制作を通して、岐阜市や岐阜市の企業様の売上UP・集客力アップのホームページ活用をご提案しています。

前回は、「ホームページの正体」第一回目としまして、「ＨＴＭＬ」についてお話いたしました。

「ＨｙｐｅｒＴｅｘｔ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ」の頭文字をとったもので、
「ハイパーテキスト」なるものを、構成する（＝Ｍａｒｋｕｐ）する言語（＝Ｌａｎｇｕａｇｅ、ホームページ作りには欠かせない「特別な言語」です。

どのようなものがあるか具体的なものをご紹介いたしました。

まず、ホームページの頭とおしまいを決めるためには、

というタグで囲みます。

文章入力を行う場合、

から始めて

で終わるタグを用意し、この囲みの中に前回の例をそのまま使うと「ホームページへようこそ」と入力します。

ホームページへようこそ

となります。
これで実際のホームページ上では、「ホームページへようこそ」と表示されるようになるんですね。

このテキストを左寄せ、中央ぞろえ、右寄せにしたい時には、適宜、

と始めてテキストを打ち込みます。

ホームページ制作のお悩み

とすれば、「ホームページ制作のお悩み」のテキストをクリックすることで、該当ページを表示することができるようになります。

target=”_blank”>ホームページ制作のお悩み

target=”_blank”>にご注目ください。
これを挟むことで、表示するページを別ウィンドウにて開くことができるようになります。

というものもあります。

これらは順に、「まだ表示していないページであることを意味する色の指定」「リンク先ＵＲＬをクリックした際に瞬間的に変わる色の指定」「既に表示したページであることを意味する色の指定」です。

いちどクリックしたことがある場合は赤、まだ表示していないなら青などに指定しておくことで、閲覧者のホームページ回遊性をあげると同時に、ストレスを減らすことができます。

うまくＨＴＭＬを活用すれば、大変見やすいホームページが出来上がります。

今回はこのほかのタグについてお話いたします。

文字の色を変えてみましょう。

色を変えたいテキスト

で任意の色に変えることができます。
＃００００００で白というように１６進数で色を指定してもよいですし、ｗｈｉｔｅと名前を直接入力しても反映されます。

また文字の大きさも自由に変更することが可能です。

大きさを変えたいテキスト

７が最も最大値であり、１なら小さくなります。
通常サイズは３として設定されています。

つらつらとご紹介しましょう！

・文字の太さを変更する

ホームページ制作

・文字を斜めにする

斜めに見せたい文字

・文字にアンダーラインをかける

アンダーラインを引きたい文字

・文字に消込の線をかける

消込をかけたい文字

このほかにも様々な表現が可能です。

さて、ホームページの中で文字を入力することができる「検索窓」なるようなものをみかけたことはありませんか？個人情報の記入でもみることができるあのスペースです。
実はあれもＨＴＭＬを駆使することで、実現できてしまいます。

これで入力窓ができあがります。

これを活用して、

とすると、メールアドレスを入力後、送信ボタンにて必要事項を送ってもらうことが可能になります。

皆様は日ごろ閲覧されているホームページはどのような形式でしょうか。

画像などがあって見やすいかもしれません。
文字がわかりやすく、読みやすいかもしれません。

ほとんどがＨＴＭＬを使用されて、表現されています。

今回ご紹介したものはＨＴＭＬのほんの一部にすぎません。
非常に多くの言語が用意されており、その用途も様々です。
特に気に入られたホームページがございましたら、一度右クリックをして「ページのソース」を確認されてみてはいかがでしょうか。

素敵なホームページがどのようにして作られているか、その裏側を垣間見ることができるかもしれません。

もちろん、ＨＴＭＬは難しいポイントも数多くあります。
「お手上げだっ！」と感じられましたら、あきらめずぜひ私たちにご連絡・ご相談ください！

以上です。