Home＞簡単HTML入門＞HTMLとは

HTMLとは

Movable Typeのテンプレートを作成するには、HTMLを理解している必要があります。

このカテゴリーでは、HTMLのちょー簡単な説明をします。

HTMLとは

HTMLとは「HyperText Markup Language（ハイパーテキスト マークアップ言語）」の略です。

InternetExplorer等のWebブラウザで表示するための言語です。

文章を「タグ」と呼ばれる目印でマークしていきます。

「タグ」とは

<head>

のように<と>で囲まれているもののことです。

また、「タグ」の多くは「開始タグ」と「終了タグ」の２つでセットになっています。

「終了タグ」は「開始タグ」の先頭に「/」がついたものです。

【例】

<html>：開始タグ

</html>：終了タグ

簡単なHTMLの例

それでは、簡単なHTMLの例をみてみましょう。

<html>
  <head>
  	<title>ホームページのタイトル</title>
  </head>
  <body>
  	<p>レディース ア～ンド ジェントルマン！
	これが、私のはじめてのホームページです。</p>
  </body>
</html>
HTML文書

HTML文書は<html>と</html>で挟まれています。

HTML文書は大きく２つの領域に分けられます。

head要素とbody要素です。

head要素は<head>と</head>で囲まれた部分です。

ホームページのタイトルなどそのHTMLファイル自身に関する情報を書く部分です。

body要素

body要素は<body>と</body>で囲まれた部分です。

ここがWebブラウザに表示される部分です。

上の例をテキストエディタ（Windowsのメモ帳でOKです）で入力して、「test.html」というファイル名で保存してみてください。「test.html」ファイルを開くと、

レディースア～ンドジェントルマン！これが、私のはじめてのホームページです。

とbody要素の内容が表示されます。

body要素の中に、Webブラウザで表示したい文章を書き、タグでマークアップ（目印）をしていくことでHTML文書を作っていきます。

おすすめのホームページ作成ソフトにて紹介したHTML Project2を使うと、HTMLタグのマークアップが簡単にできます。

次のページからは、HTML Project2で簡単にマークアップする方法を紹介します。


このページのトップへ | HTMLProject2でのマクロ登録 ≫

このエントリーをはてなブックマークに追加 このページをはてなブックマークに追加

注目記事

⇒MovableTypeを使うのにおすすめのレンタルサーバーってどれ？

⇒MovableType独自タグの入力が簡単にできるホームページ作成ソフトは？

⇒MovableTypeをカスタマイズするのにどんな本が参考になる？

⇒「元気パワー」が増幅されるツールがあるって？

⇒初心者の方・ホームページ作成中心の方へのおすすめのパソコンは？


トラックバック

このエントリーのトラックバックURL：

http://cms-mt.com/cgi/mt/mt-tb_.cgi/40