3ステップで作るホームページ 1/3
3ステップで作るホームページ 1/3
1.ホームページ作り方・作成方法ホームページ作りは楽しく意外と簡単です。 作りたいと思ったからこそあなたはここにいるわけで。 出来る限りお手伝いしますのでがんばってくださいね。 それでは早速とりかかりましょう。 ◆例題１
HTMLにあるように、ちょっとしたお約束事さえ守って記述すればホームページはできるのでしたよね。 でも、ちょっと待って。 実はもうひとつお約束事があるんです。 それは「私はこれからHTMLを使ってホームページを書くぞ！」との意気込みをブラウザに伝える為のおまじないです。 以下の一文をあなたが書く全ての.htmlファイルの一番上に必ず記述してください(大文字・小文字は区別されませんから全て小文字にしてもOKです)。 これは、文字を一字一句記憶する必要はありませんし、ご自身のペースに合わせて必要な時に「そう言えばそんなのあったなぁ･･･」と思い出して頂ければ結構です。 このおまじないはDOCTYPE宣言と呼ばれ、実は数種類ありますし、HTMLバージョンも含まれた情報ですので追加されていく事も充分にありますが、ここでは忘れましょう。 さてHTMLでも使った例題１にこの記述を追記したものが『例題２』です。 ◆例題２
それでは次にブラウザの一番左上の通常ブラウザのロゴマークとブラウザ名が表示されているところにあなたのページの題名をつけてみましょう。 <html>
<= ここね <body>
</body>
</html>
ここでは<html></html>の内側で且つ<body></body>の前に以下のタグを追加します。 <head>
<title></title>
</head>
尚、<title></title>は、<head></head>の内側に記述することになっています。 <head>
<title>表題</title>
</head>
また、<head></head>は、<html></html>や<body></body>同様、他のタグを囲みますが、<title></title>は、その内側にページの表題となる文字列を記述します。 早速記述してみましょう。表示するタイトルは「表示テスト」にしましょう。 ◆例題３
全体としては、このようになります。 次のステップは実際に作ったファイルがブラウザにどのように反映されるのか確認した後、一通りホームページを作ってみましょう。 >>
各種HTMLとHTMLタグ／要素・属性・属性値
|
おすすめサイト：
| フレッツ光・ADSLブロードバンド | ウェブホスティング | レンタルサーバ | ドメイン取得 | セキュリティソフト | アプリケーションソフト |
| セキュリティライセンス | ソフトウェアライセンス | ネットショップ構築ツール | 検索エンジン広告 | SSLサーバ証明書 |
ウェブ造 ホームページの作り方・ウェブサイト作成制作
2004-2012