第三章:ウェブサイトの骨格を作るトップページへ戻る

1. 骨格を作る言語HTML /  2. 基本構造 /  3. タイトルをつける /  4. 見出しをつける /  (ア) 大見出しをつける /  (イ) 小見出しをつける /  5. 文章を書く /  (ア) 段落を意識する /  (イ) 改行をする /  6. リストを作る /  (ア) リストを作る /  (イ) 文法に則ったHTML記述 /  7. 画像を表示する /  (ア) まず、画像を表示する /  (イ) “パス”とは /  (ウ) 代替テキストを表示する /  8. 新しいページを作る /  (ア) 【練習】このページを作りなさい /  (イ) 答え合わせ /  9. リンクをする /  (ア) “page2.html”へリンクする  /  (イ) 新しいウィンドウでリンクする /  10. 表を作る /  (ア) 表の概念 /  (イ) 表を作る /  (ウ) 横方向にセルを連結する /  (エ) 縦方向にセルを連結する /  (オ) 気がつくとすごいテクニックと、そのテクニックを使ってはいけない理由 /  11. CSS導入の最後の準備

3. タイトルをつける

<title>タイトル</title>

HTMLは、基本的に「<○○>文字など</○○>」と表します。
そして、この<○○>という記号のことを「タグ」といいます。

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

本当は、
<ここからタイトルを表します>文字<ここまでタイトルを表します>
と日本語で書いてくれればわかりやすいのですが、HTMLというのは全世界共通語なので、アルファベットを使っている、というわけです。

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

では、やってみましょう。
おそらく今、先ほど編集したCrescent Eveとindex.htmlが表示されているブラウザ(←ウェブサイトを見るためのソフトのことです。Internet Explorerというブラウザを使っているなら、「e」のアイコン。)が表示されていると思うので、それに合わせた更新手順で解説していきます。
以後、更新手順の解説がなくとも、□(四角)で囲われたコードが出てきたら、その度にそれを反映させていってくださいね。

更新手順1:Crescent Eveのウィンドウを開いて、必要なコードを必要な位置に入力し、保存

※今回は、<head></head>の間に「<title>タイトル</title>」と入力します。

更新手順2:F5キー(あるいは、ブラウザの更新ボタン)を押して、ページを更新

※今回は、ちゃんとタイトルの更新が反映されていますね。

以上です。
次からは、こんな感じでサクサク進めていきましょう。

島岡諒の無料ホームページ作成講座『初めてWeb入門』 前のページへ戻る島岡諒の無料ホームページ作成講座『初めてWeb入門』 次のページへ進む

あなたも、サポートメールに参加しませんか?

『初めてWeb入門』に取り組んでくださっている方にサポートメールをお送りしています。
ここでは、『初めてWeb入門』では紹介し切れなかったウェブデザインの知恵を配信しています。
名前とメールアドレスだけで参加出来ますので、興味のある方は、ぜひご参加くださいね^^

氏名 :
メール:

※サポートメールは、いつでも解除できます。詳しくはサポートメールのページをご確認ください。




第三章:ウェブサイトの骨格を作るトップページへ戻る

1. 骨格を作る言語HTML /  2. 基本構造 /  3. タイトルをつける /  4. 見出しをつける /  (ア) 大見出しをつける /  (イ) 小見出しをつける /  5. 文章を書く /  (ア) 段落を意識する /  (イ) 改行をする /  6. リストを作る /  (ア) リストを作る /  (イ) 文法に則ったHTML記述 /  7. 画像を表示する /  (ア) まず、画像を表示する /  (イ) “パス”とは /  (ウ) 代替テキストを表示する /  8. 新しいページを作る /  (ア) 【練習】このページを作りなさい /  (イ) 答え合わせ /  9. リンクをする /  (ア) “page2.html”へリンクする  /  (イ) 新しいウィンドウでリンクする /  10. 表を作る /  (ア) 表の概念 /  (イ) 表を作る /  (ウ) 横方向にセルを連結する /  (エ) 縦方向にセルを連結する /  (オ) 気がつくとすごいテクニックと、そのテクニックを使ってはいけない理由 /  11. CSS導入の最後の準備

はじめにサポートメールホームページの疑問・質問おすすめリンクお問い合わせ

当サイトは、スマホ対応しリニューアルしました。これから勉強される方は、こちらの新サイトをおすすめいたします。

リニューアルしたサイト「WEB-D.PRO」へ遷移します