夏休みの宿題にホームページを作ろう

ここに紹介した以外にもいろいろなタグがあります。興味がある人は他のサイトも参考にしてね。

アイキャッチ

12.補講2・色々なタグ

サイトメーカー「はいはーい。補講2というわけで。今回は色々なタグをチョー適当に教えちゃうぞ!」

ホーム君「適当でいいの?」

サイトメーカー「いいんです。Yahoo!ジオシティーズからログインしてファイルマネージャのページから適当な名前でファイルを作って以下の様に入力してください」

<html>
<head>
<title>私の好きなジブリ映画ベスト3</title>
</head>
<body>
<strong>文字が太くなる</strong>
<br>
<em>文字が斜めになる</em>
<br>
線を引くよー。
<hr>
<br>
線に色つけるよー。
<hr color="red">
<br>
<u>下線を引くよ</u>
<br>
<s>取り消し線</s>
</body>
</html>

色々なタグ

ホーム君「お?今回も色々なタグが」

サイトメーカー「strongタグで文字が太くなります。これは本編の最後で出ましたね。emタグで文字が斜めに。hrタグは線が引けます。そしてuタグが下線が引けて、sタグが取り消し線と」

ホーム君「なるほど」

サイトメーカー「と、まぁご紹介するタグはここまでということで」

サイトメーカー「あと、余裕がある人は全てのページに4.自分のサイトに文字を表示しようの補足で教えた文字化け対策のmetaタグをheadタグの中に書くようにしよう」

ホーム君「ついに補講も終わりですか?」

サイトメーカー「終わりです。さて、このサイトをご覧のhtmlに詳しい人は『そのタグを教えるべきか?』とか色々とツッコミもあることかと思いますが、今回は『正しくあるべき作り方』よりも『まずは楽しんで作ってみよう』をテーマにしてみました。また、あえて使うべきでないタグなども教えましたが『そもそもソースコードが間違っている(タグの対応など)』などツッコミがございましたら、ガルニモトップページ下部のメールアドレスからご指摘していただければ幸いです」

ホーム君「おー。なんか大人なやりとりが」

サイトメーカー「ホーム君。ついに宿題、完成しましたね……」

ホーム君「うん……」

サイトメーカー「プリントアウトはしましたか?」

ホーム君「うん……」

サイトメーカー「ちゃんとバラバラにならないようにホッチキスで留めましたか?」

ホーム君「うん……。ついに、お別れか……。ありがとう。サイトメーカー。君のおかげで子供たちの敵、夏休みの自由課題を倒すことができたよ」

サイトメーカー「いいえ。君の役に立てたなら、僕は満足です」

ホーム君「さようなら、サイトメーカー!またいつか!いつか!きっと会おう!」

サイトメーカー「次回!夏休みが終わった頃に更新再開!もっときちんとしたホームページの作り方(予定)!」

ホーム君「えぇっ!?」

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