難しく考えずにここから始めようぜ

スレのテンプレより

新しく始める人は難しく考えずにここから始めようぜ
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タグはとにかく膨大なので、必要に応じてその都度調べて試してみましょう。もちろん気合いがあれば教本を買って勉強するのもありです。

タグ:

+ タグ編集
  • タグ:

このサイトはreCAPTCHAによって保護されており、Googleの プライバシーポリシー利用規約 が適用されます。

最終更新:2016年08月19日 00:59
添付ファイル