TOPページ > HTMLの基礎
HTMLの基礎

HTMLの基礎

ブログは、HTMLの構造を知らなくても個別記事やコンテンツを管理画面から編集するだけで簡単に作れますが、少し知っていると見違えるほど自由にカスタマイズできます。

ここでは、HTMLの基礎についてご紹介します。

HTMLの基礎 項目一覧

ホームページやブログなどのウェブサイトに 文字や文章を表示するための言語、HTMLの主要タグ一覧です。各タグの詳細ページへページへリンクしています。InterN...

ホームページやブログなどのウェブサイトを表示させるための言語である HTMLは、タグを使って記述します。タグとは、HTML文書の中で 英字を<>で囲...

常のウェブサイトは HTML(Hyper Text Markup Language)という言語でソースを記述し、それをブラウザで表示させます。HTMLの基本構造...

2006年02月26日

ホームページやブログなどのウェブサイトに 文字や文章を表示するための言語、HTMLの主要タグ一覧です。各タグの詳細ページへページへリンクしています。InterNetExplorer および Netscape で対応しているものを 主に扱っていますが、いずれかのブラウザが対応していないものもあります。詳細は、各個別ページをご覧ください。

続きを読む "クイック インデックス(タグ一覧)" »

2006年02月24日

ホームページやブログなどのウェブサイトを表示させるための言語である HTMLは、タグを使って記述します。タグとは、HTML文書の中で 英字を<>で囲んだもので、それぞれに意味を持っており、HTMLファイルを InternetExplorer や Netscape などの WWWブラウザで開くと、ブラウザはタグの意味を解釈しながら ウェブサイトを表示します。

タグの基本的な規則をご紹介します。

  • 半角英数字で記述します。
  • 大文字と小文字は区別しません。
  • 基本的に、タグは2つで1つ。開始タグ(<html>など)と終了タグ(</html>など)で挟んで使用します。
    ※例外的に、終了タグがないものもあります。(改行タグ<br>、水平線タグ<hr>など)
  • 複数のタグを使用する場合には、開始タグと終了タグを正しく入れ子にしてください。
    (例:<タグ1><タグ2><タグ3>文章</タグ3></タグ2></タグ1>

常のウェブサイトは HTML(Hyper Text Markup Language)という言語でソースを記述し、それをブラウザで表示させます。HTMLの基本構造は、<html>、<head>、<title>、<body>タグで構成されます。

  • <html>~</html>
    HTML文書の範囲を囲んで指定します。
  • <head>~</head>
    文書の情報などを記載する範囲を囲んで指定します。ヘッダーと呼ばれます。
  • <title>~</title>
    ウェブサイトのタイトルを記載します。ブラウザのタイトルバーに表示される文字です。
  • <body>~</body>
    本文の部分を囲んで指定します。
<html>
<head>
<title>テストのページ -ここにページタイトルを記述-</title>
</head>
<body>
これは、テストのページです。
- ここに本文を記述 -
</body>
</html>

このサンプルソースをメモ帳などのテキストエディタに入力してください。入力が終わったら 『ファイルメニュー』、『名前をつけて保存』 を選び、『 test.html 』 などと拡張子を 『 .html 』 として保存してください、保存したファイルをクリックすると、下記のサンプルページと同じようにブラウザの新規ウィンドウが開くと思います。

内容を修正したい場合は、クリックで開くとブラウザが起動してしまいますので、右クリックなどで 『プログラムから開く』 を選択し、『Notepad 』などお使いのテキストエディタを選択して開いて編集してください。

HTMLの基本構造はこれだけです。HTMLにはいろいろなタグが用意されていますから、この基本構造に タグを挿入していくことで、オリジナルなウェブサイトを作ることができます。

IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス