HTMLの知識について

HTML言語について

ホームページビルダーでホームページを作成することのメリットの一つとして、ホームページを作成しながらＨＴＭＬの知識を身につけることができます。
作成画面で行った操作がＨＴＭＬタグにどのように反映されるかを確認しながらホームページを作成していけば、少しずつ覚えていくことができます。

後ほど説明しますが、ＣＳＳ（スタイルシート）でホームページをデザインする場合など、ホームページビルダーでもツール上からスタイルを指定できますが、やはり多少はＨＴＭＬの知識がないと難しいと思います。

ホームページをデザインする上でＣＳＳはとても重要で、ブログなどではほとんどのデザインがＣＳＳによってなされています。
複数のページで同じデザインにする場合などもＣＳＳを使えば簡単にできるようになりますし、ＣＳＳを変更するだけでＨＴＭＬファイルには手を付けずにデザインを変更したりもできます。

ＣＳＳを覚える土台として、まずはホームページを作成しながら少しずつでもＨＴＭＬを覚えていった方がいいでしょう。

HTMLで覚えるべきタグ

ＨＴＭＬを全て覚えることは大変ですが、<body>タグ内で使われる文章の構造化のためのタグを覚えればＣＳＳによるデザインも行いやすいと思います。
以下に必要最低限と思われるＨＴＭＬタグを説明します。

・<h1>～<h6>: 見出しに用いるタグで文章の見出しを大見出しから順に１～６の段階で使用します。

・<p>: 段落を意味するタグで、文章などを記述する際に使用します。終了タグは省略することができます。
・<a>: アンカー用のタグでハイパーリンクで指定先にジャンプしたり、メールソフトを起動する際などに使用します。
・<table> <tr> <th> <td>: 表（ｔａｂｌｅ）を構成するタグです。<table>は表全体、<tr>は行、<td>はセルになります。<th>はセルの中で見出しに当たる部分に使用します。
・<ul> <ol> <li>: 箇条書きのリストを作成します。<ul>～</ul>もしくは<ol>～</ol>の間に<li>で各項目を記述します。<ul>は番号なし、<ol>は番号付きのリストとなります。
・<dl> <dt> <dd>: 説明文付きのリストを作成します。<dl>～</dl>の間に<dt>に説明する用語、<dd>に説明文を記述します。
・<img>: 画像や動画などを表示する際に使用します。<img src="画像のＵＲＬ">と記述します。終了タグはありません。画像にリンクを張る場合は<a>タグで<img>タグを囲みます。
・<br>: 改行するためのタグです。終了タグはありません。
・<hr>: 水平線（横線）を入れるためのタグです。終了タグはありません。
・<em> <strong>: 強調する際に使用するタグです。<em>はデフォルトで斜体で表示、<strong>は太字で表示されます。
・<div> <span>: タグ自体には特に意味は持たない汎用的なタグです。ＣＳＳを適用する際などによく使用されます。<div>は前後に改行が入るブロックライン要素、<span>は前後に改行が入らないインライン要素として使用します。

とりあえず上で示したタグを覚えるだけでも一般的なホームページは作成できると思います。装飾のためのタグはできるだけ使用しないようにしましょう。デザインはＣＳＳでタグ毎に指定するか各タグにID属性またはクラス属性で指定することでホームページを装飾することができます。

ホームページ作成
ホームページ作成情報 TOP	HPビルダーのススメ
HPビルダーの注意点	HTMLの知識について
CSSについて	CSSの記述方法
ホームページに動きをつける	アップロード・FTP
レンタルサーバーの選び方