はいはい、第5回が始まるよ〜♪
今回は、「試しにＨＰを作ってみよう」と思います。
とりあえず、以下の文を書いてみよう。
第３回のindex.htmlをまだ保存してある人はそちらを使おう。
<![CDATA[
<html>
<head>
<title>俺ＨＰ</title>
<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>
<body>
<font size=15>ここは僕のサイトです。</font><br>
<font color="red">おいでやす</font><br>
コンテンツ<br>
<a href="syokai.html">自己紹介</a>
<a href="nikki.html">日記</a>
<a href="rink.html">リンク</a>
</body>
</html>
]]>
これを新しく保存するときの名前は必ずindex.htmlで。
ここまで。
rink.htmlはあらかじめ作っておきましょう。
とりあえずリンクサンプルです↓
<![CDATA[
<html>
<head>
<title>リンク</title>
<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>
<body>
リンク集<br>
相互リンク大歓迎！<br>
<br>
<table border='1'>
<tr>
<td>バナー</td>
<td>ＨＰの名前</td>
<td>サイトの説明</td>
</tr>
<tr>
<td><img src="http://onigirimoto.s4.xrea.com/banatea.gif"></td>
<td>世界紅茶統一同盟</td>
<td>紅茶革命士のサイトです。<br>
ＨＰ作成講座などがあります。</td>
</tr>
</table>
</body>
</html>
]]>
これを保存する名前はrink.htmlで。
ここまで。
そして、日記ですね。
第３回で使ったnikki.htmlファイルを使いますよ。
これは日記サンプルです。↓
<![CDATA[
<html>
<head>
<title>Ｍｙ日記</title>
<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>
<body>
7月某日<br>
今日は搭京デヅニーランドへ行った。<br>
デヅニーと写真を撮った。<br>
楽しかった。<br>
<br>
8月某日<br>
今日は柳下幽霊海水浴場へ行った。<br>
泳ぎがうまくなったような気がする(^^)
</body>
</html>
]]>
これを保存する名前はnikki.htmlで。
ここまで。
日記の場所の名前は適当に思い付いた名前ですので気にせずにｗ
当然内容も適当です。
内容コピペして公開したらかなり恥ずかしいですよ。
<![CDATA[
<html>
<head>
<title>自己紹介</title>
<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>
<body>
自分のＨＮ<br>
歳<br>
趣味<br>
一言<br>
</body>
</html>
]]>
これを保存する名前はsyokai.htmlで。
ここまで！
さて、すべて書いたでしょうか？
すべて書いたらＨＰの出来上がり！（￣▽￣）ｖ
さて、表示してみましょうか。
表示は次回！
前の講座へ TOP 次の講座へ