このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

HTMLを書いてHPを製作しよう! その5

この記事は最終更新日から1年以上が経過しています。

ほげほげほげ

いやはや。

表示はされましたね。

しかし、喜んでいてはいけません。”ほげほげほげ”とつぶやいただけです。

この広いwebの海で

「ほげほげほげ」と呟いただけです。

これでは誰も観てくれません。

可愛いあの子も振り向いてはくれません。

そこで、よりホームページっぽく作りましょう。

様々なタグ(要素)を用いてよりホームページらしく組み上げていきます。

HTML これ覚えりゃサイトは出来るのじゃないの?的タグ

を参照に、

h1~h6 見出しの大きさ

とあります。

これは”h”要素と言われるもので見出しに使います。と言っても過言ではないでしょう。

 

<body>

のすぐ下に

 

<h1>フルーツ天国.com</h1>

と記述して、ブラウザで確認すると、

おお、ちょっと大きめに表示されますね!

これが大見出しとなります。タイトル部分になるかな。

でも、ブラウザのタイトルはまだ

このように、”無題ドキュメント”のままです。

これはtittleタグというので変更致します。

(ちなみにPC環境によって表示が異なります。当方の環境はmac Safariです。)

tittleタグを変更しましょう。titleタグはhaed内に記述します。

 

<br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>フルーツ天国.com</title><br />
</head><br />

すると、

にゃー!上手く行きましたね!

続く

HTMLを書いてHPを製作しよう! その6へ

Related Article

LATEST NEWS

RANKING

ARCHIVE

SPONSOR

現在、掲載募集中です。



Links

現在、掲載募集中です。



About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。