2010年02月18日

ネットマーケティングの勉強部屋 特別号( WEB 入門15)

あなたのメールボックスに直接届きます。
メルマガ『ネットマーケティングの勉強部屋』
⇒ http://www.listrebirth.com/scm/links/2468


ネットマーケティングの勉強部屋 特別号( WEB 入門15)


 あなたが全くのど素人でも、
 プロ並みのウェブサイトを作るための入門書

 『初めてWEB入門』を参考にしながら、
 勉強していきます。


 今日はその第十五回です。


< ウェブサイトの骨格をつくる2>


3.タイトルをつける


<title>タイトル</title>


HTMLは、基本的に上記のように「<○○>文字など</○○>」と表します。

そして、この<○○>という記号のことを「タグ」といいます。

今回の「<title>文字</title>」というのは、ウェブサイトのタイトルを
表すタグです。


<ここからタイトルを表します>文字<ここまでタイトルを表します>


と日本語で書いてくれればわかりやすいのですが、HTMLが全世界共通語
なので、アルファベットを使っているわけです。

この<title>タグには、<head>〜</head>の中に書く、という決まりがあ
ります(※<head>の中には、それぞれのデータというよりは、ページ全
体に関する情報を書きます)。

では、やってみましょう。

前回編集したCrescent Eveとindex.htmlが表示されているブラウザ(ウ
ェブサイトを見るためのソフトにInternet Explorerというブラウザを使
っているなら、「e」のアイコン。)が表示されている“first_web”の
フォルダを開いてください。


※ない人はここからダウンロード(マニュアルの中にあります)。
>> http://www.megaupload.com/?d=VTRYF7ZH


更新手順1:Crescent Eveのウィンドウを開いて、必要なコードを必要
      な位置に入力し、保存。※今回は、<head></head>の間に
      「<title>タイトル</title>」と入力します。

更新手順2:F5キー(あるいは、ブラウザの更新ボタン)を押してペー
      ジを更新。※今回は、ちゃんとタイトルの更新が反映され
      ていますね。

私の例
(ここから)
<html>
<head>
<title>他人と過去は変えられないが、自分と未来は変えられる!</title>
</head>
<body>
他人と過去は変えられないが、自分と未来は変えられる!
</body>
</html>
(ここまで)


以上。


4.見出しをつける


次は、見出しを表すタグです。

見出しは、文字が大きくなり、かつ、太字になります。


(ア)大見出しをつける


<h1>大きい見出し</h1>


見出しはページ全体の情報ではなく、それぞれのデータなので、
<body></body>内に記述します。

あと、一から作った方がわかりやすいと思うので、先ほどの文字も消し
てしまいましょう。

(ここから)
<html>
<head>
<title>他人と過去は変えられないが、自分と未来は変えられる!</title>
</head>
<body>
<h1>他人と過去は変えられないが、自分と未来は変えられる!</h1>
</body>
</html>
(ここまで)

実際にやってみてください。


(イ)小見出しをつける


<h2>小さい見出し</h2>

<h3>さらに小さい見出し</h3>


上記の二つは、同じ見出しタグです。

この<h+数字>の見出しを表すタグは、1〜6まで、全部で6個あります。

数字が1に近ければ近いほど、大きい見出しということです。

また、見出しなのでいくつ使っても構いません。

豆知識として、<h+数字>のhは、headingの略です。ヘッドラインニュース
とかのhです。


(ここから)
<html>
<head>
<title>他人と過去は変えられないが、自分と未来は変えられる!</title>
</head>
<body>
<h1>他人と過去は変えられないが、自分と未来は変えられる!</h1>
<h2>本当は…</h2>
<h3>過去も変えられる!?</h3>
<h2>事実と真実の違い</h2>
<h3>それぞれの見方</h3>
</body>
</html>
(ここまで)


実際にhpに反映するのが分かります。

やってみましょう。


ここまででもう、感覚としてわかっていると思いますが、タグは基本的
に書いた順番に表示されます。


    つづく


マニュアルをダウンロードしていない方は今スグ!
>>  http://www.megaupload.com/?d=VTRYF7ZH

このページ右上にあるイメージ画像の英数字を入力してから
ファイルのダウンロードボタンを押してください。

メガアップロードというサービスを使っていますが、
ダウンロードの仕方がいまいち分からないという方は、
以下の動画を観て参考にしてください。
         




PS;
「こんなの簡単すぎる」

というむきには…


>> 『初めてWeb大全』

==============================================================
 本を読もう!
 >> 『成功屋古本店


■>>音読のすすめ

 応援クリック!

 もひとつおまけに
 人気ブログランキングへ
==============================================================
 マルチビタミン・ライス!?↓
 



 

馬鹿にされました→Powered by 流出
キーワードアドバイス
ツールプラス


【無料】ネットビジネス戦略

その他のサイト

>> ライスレビュー
>> すこやかきれい
>> プレゼンボイス
>> 等身大のコンテンツ
>> 成功屋古本店
>> ポイントごっこ
>> ハート形の猫
seesaa版
>> カラオケ大好き!
ameblo版
>> カラオケ大好き!
yahoo!版
>> カラオケ大好き!
>> スポーツ救急箱
>> 楽天ブログ『自分探しの心の旅』
>> 本当の自分と自己実現


posted by トラぞう at 16:06| Comment(0) | TrackBack(0) | ネットビジネス | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。