【一日でできる】初心者
のホームページ制作
~HTML(段落)編~
シロ先生
よーし!
今回はホームページの文書化をするぞ。
実践の中でよく使うタグを覚えてもらう。
ブラック君
文章ですか。。。
私はアニメーションとか、アクションとかを
やりたいんですけど。。。
シロ先生
それは別の機会に教えよう。
今回も、さっそく書いていくのだが、
ちょっとした設定をしてもらう。
ブラック君
今回は文章化に専念します。
設定とは何をすればよいのですか??
シロ先生
まず、サンプル1をダウンロードしてくれ。
そして、それをダブルクリックして
開いてくれ。
ブラック君
無事開けました!!が・・・
.htmlファイルを見ちゃったんですが、
なんか見にくいですね。
シロ先生
確かにこのままでは、ただの文字列だな。
次にサンプル2をダウンロードして開いてくれ。
シロ先生
今度のはどうだろう?
それなりに、見やすい文章になっただろう。
シロ先生
このように、HTMLのタグを使うことで
見やすい・読みやすいホームページを
作ることができるようになる。
ブラック君
確かに見やすくなりました!!
画像の挿入も簡単にできますね。
<img src=“画像の名前”>ですね。
シロ先生
画像があると、なんとなくよくなる。
では、使ったタグの確認をしてみよう。
タグ名 内容
H1 大見出し
H2 中見出し
Img 画像
Table テーブル
Caption テーブル名
Tr,Th,Td 行,列,セル
シロ先生
HTMLとは、本来見やすい文章を作るために、
あるものなので、h1のようなタグがある。
タグ名 内容
H1 大見出し
H2 中見出し
Img 画像
Table テーブル
Caption テーブル名
Tr,Th,Td 行,列,セル
シロ先生
このように、HTMはタグでくくるだけで
文字の大きさを変えたり、テーブルを作ったり
することができる。
ブラック君
「列と行がごっちゃ」って人のために
列って漢字の右側が||になっているので縦
行って漢字の右側は=になっているので横
シロ先生
以上で、今回の文章化は終わりだ。
次回は、おすすめのタグやよく使うタグを
紹介する。
ブラック君
なんとなくHTMLの特性のようなものが
つかめたような気がする。
思っていたより簡単なのかも。

スライド2