ということで今日からは、HTMLとかのお勉強を始めます!!
自分は「coda」というエディターを使って書いていきますが、「メモ帳」、無料の「 cot editor(mac)」「terapad(windows)」とかをダウンロードすれば十分だとおもいます!!
で!今回はリンクです。多分ハイパーリンクとかいったりするやつです。
簡単にこれから作るHPの構成を説明します。
index.html(homepageフォルダの中に書きました)
a.html(homepageフォルダの中に書きました)
b.html(homepageフォルダの中のAフォルダに書きました)
c.html(homepageフォルダの中のAフォルダの中のAAフォルダに書きました)
という4つのページを作成しました。
すいません。わかりにくいです。
毎度のことですが、すべて書いてしまいます。
•index.html
<html>
<head>
</head>
<body>
<h1>I'm index.html!!(in homepage folder)</h1>
<li><a href="a.html">to a.html(in homepage folder)</a></li>
<li><a href="A/b.html">to b.html(in Afolder)</a></li>
<li><a href="A/AA/c.html">to c.html(in AAfolder)</a></li>
<li><a href="http://www.google.co.jp/">to google</a></li>
</body>
</html>
•a.html
<html>
<head>
</head>
<body>
<h1>I'm a.html!!(in homepage folder)</h1>
<li><a href="index.html">to index.html(in homepage folder)</a></li>
<li><a href="A/b.html">to b.html(in Afolder)</a></li>
<li><a href="A/AA/c.html">to c.html(in AAfolder)</a></li>
</body>
</html>
•b.html
<html>
<head>
</head>
<body>
<h1>I'm b.html!!(in Afolder)</h1>
<li><a href="../index.html">to index.html(in homepage folder)</a></li>
<li><a href="../a.html">to a.html (in homepage folder)</a></li>
<li><a href="AA/c.html">to c.html(in AAfolder)</a></li>
</body>
</html>
•c.html
<html>
<head>
</head>
<body>
<h1>I'm c.html!!(in AAfolder)</h1>
<li><a href="../../index.html">to index.html(in homepage folder)</a></li>
<li><a href="../../a.html">to a.html (in homepage folder)</a></li>
<li><a href="../b.html">to b.html(in Afolder)</a></li>
</body>
</html>
次回はグローバルナビゲーションを作成します!!
自分は「coda」というエディターを使って書いていきますが、「メモ帳」、無料の「 cot editor(mac)」「terapad(windows)」とかをダウンロードすれば十分だとおもいます!!
で!今回はリンクです。多分ハイパーリンクとかいったりするやつです。
簡単にこれから作るHPの構成を説明します。
index.html(homepageフォルダの中に書きました)
a.html(homepageフォルダの中に書きました)
b.html(homepageフォルダの中のAフォルダに書きました)
c.html(homepageフォルダの中のAフォルダの中のAAフォルダに書きました)
という4つのページを作成しました。
すいません。わかりにくいです。
毎度のことですが、すべて書いてしまいます。
•index.html
<html>
<head>
</head>
<body>
<h1>I'm index.html!!(in homepage folder)</h1>
<li><a href="a.html">to a.html(in homepage folder)</a></li>
<li><a href="A/b.html">to b.html(in Afolder)</a></li>
<li><a href="A/AA/c.html">to c.html(in AAfolder)</a></li>
<li><a href="http://www.google.co.jp/">to google</a></li>
</body>
</html>
•a.html
<html>
<head>
</head>
<body>
<h1>I'm a.html!!(in homepage folder)</h1>
<li><a href="index.html">to index.html(in homepage folder)</a></li>
<li><a href="A/b.html">to b.html(in Afolder)</a></li>
<li><a href="A/AA/c.html">to c.html(in AAfolder)</a></li>
</body>
</html>
•b.html
<html>
<head>
</head>
<body>
<h1>I'm b.html!!(in Afolder)</h1>
<li><a href="../index.html">to index.html(in homepage folder)</a></li>
<li><a href="../a.html">to a.html (in homepage folder)</a></li>
<li><a href="AA/c.html">to c.html(in AAfolder)</a></li>
</body>
</html>
•c.html
<html>
<head>
</head>
<body>
<h1>I'm c.html!!(in AAfolder)</h1>
<li><a href="../../index.html">to index.html(in homepage folder)</a></li>
<li><a href="../../a.html">to a.html (in homepage folder)</a></li>
<li><a href="../b.html">to b.html(in Afolder)</a></li>
</body>
</html>
次回はグローバルナビゲーションを作成します!!