はじめに(全3頁)

はじめに
■HTML とは
HyperText Markup Language の略。
Web ページを記述する為のマークアップ言語。
文書の一部分を「タグ」と呼ばれるマークで囲むことにより、文書の構造(見出し、段落、
表、ハイパーリンクなど)や、修飾情報(フォントサイズや色など)を定義します。文書
の中のこの部分は「タイトルです」、「段落です」というようにタグで囲んで指定します。
なお、ページの見栄えやデザインの指定には CSS(Cascading Style Sheets)を使用します。
文書構造を指定する HTML と分けて記述することで、よりわかりやすくなり、HTML ファイ
ルのサイズも小さくなります。
■タグとは
文書の構造をコンピュータに理解させるしるし(マーク)
コンピュータは、その文章が文書全体の中でどんな意味を持つか(見出しなのか表なの
かなど)をタグで判別し、適切に表示します。
タグは<>で囲んで表記します。
半角英数で記述します。大文字でも小文字でも構いません。
要素
開始タグ
終了タグ
<h1 align= "center ">タ グ と は </h1>
要素名
要素内容
値
属性
要素名と属性の間
は半角スペース
5
要素名
タグには通常、開始タグと終了タグがあり、指定したい内容を挟んで記述します。ただし、
例外として<img>や<br>など終了タグを持たないものもあります。
属性は開始タグに書きます。終了タグには/(スラッシュ)が入ります。
属性値は「"」または「 」(いずれも半角英数)で囲んで記述します。
■ホームページ作成に必要なもの
インターネットに接続できる PC
HTML ファイル作成を書く(以下のどれかひとつ)
・テキストエディタ
自分で表示したい内容とタグを記述する。HTML の知
識が必要。メモ帳(win)、Simple Text(Mac)など
・ワープロソフト
テキストエディタと同様。Word など
・HTML エディタ
タグの挿入などができる。HTML writer など
・ホームページ作成ソフト
自分でタグを書かなくてもページを作成できる
Dreamweaver、Front Page など
写真などの画像を編集・作成する
・画像編集ソフト
Photoshop、Fireworks、ペイント(win)、iPhoto(Mac)
など
HTML ファイルを表示する(ホームページを見る)
・ブラウザソフト
Internet Explorer や Netscape、Firefox など
ページをアップロードする(ホームページを公開する)
・Web サーバ
作成したファイルを置く場所
・FTP ソフト
Web サーバにファイルを転送
★アップロードとは Web サーバにファイルを転送することです。
6
完成予定図
color.html
これから作成する HTML ファイルです
色の表示、フォントの設定
index.html
各ページへのリンク
image.html
画像の表示
リンク
table.html
表の作成
7