スレのテンプレより
新しく始める人は難しく考えずにここから始めようぜ
1.メモ帳を開く
2.以下をコピペする
<HTML>
<HEAD>
<TITLE>△△のホームページ</TITLE>
</HEAD>
<BODY>
<h1>△△のホームページ</h1>
<p>
△△のホームページへようこそ<br>
</p>
<p>
<a href="profile.html">プロフィール</a><br>
<a href="main.html">メイン</a><br>
<a href="cgi-bin/bbs.cgi">BBS</a><br>
<a href="link.html">リンク</a><br>
</p>
</BODY>
</HTML>
3.そのファイルの拡張子を.htmlで保存(ファイル名は適当にtestとか)
4.ファイル一旦閉じてブラウザで開き直す
↑をやると、こんなのが表示される↓
解説
※終わりのタグ(終了タグ)には</を忘れずに。スラッシュを入れないと表示がおかしくなります。
<HTML>~</HTML> |
この文書はHTMLですよ!という宣言 |
<HEAD>~</HEAD> |
ヘッダー。ここに色々書くことで、例えばサイトデザインを変えたり軽い検索避けが出来たりする。 |
<TITLE>~</TITLE> |
タイトル。ここに書いた文字がブラウザのツールバーに表示される。 |
<BODY>~</BODY> |
ボディ。実際に表示される本体部分 |
<h1>~</h1> |
見出し。<h1>~<h6>まであって、h1が一番大きい見出しになる。 |
<p>~</p> |
段落。これで囲まれた範囲がひとつの段落になる。 |
<br> |
改行。これには終了タグはいらない。<br />という形もあるけど、ほとんど同じと思っていい。 |
<a href="">~</a> |
リンク。" "の範囲にアドレスを書いて貼り付ける。 |
ここに少しプラスするだけで文字の色を変えたり寄せたり、背景に壁紙を貼れたり、画像でリンクとかが出来ます。
htmlタグはとにかく膨大なので、必要に応じてその都度調べて試してみましょう。もちろん気合いがあれば教本を買って勉強するのもありです。
最終更新:2016年08月19日 00:59