ということで今日からは、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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-index.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/24/46/j/t02200059_0637017011543711450.jpg?caw=800)
•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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-a.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/2a/ed/j/t02200052_0567013411543711448.jpg?caw=800)
•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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-b.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/06/1d/j/t02200079_0406014611543711447.jpg?caw=800)
•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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-c.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/35/3e/j/t02200074_0429014511543711449.jpg?caw=800)
次回はグローバルナビゲーションを作成します!!
自分は「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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-index.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/24/46/j/t02200059_0637017011543711450.jpg?caw=800)
•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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-a.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/2a/ed/j/t02200052_0567013411543711448.jpg?caw=800)
•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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-b.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/06/1d/j/t02200079_0406014611543711447.jpg?caw=800)
•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>
![超初心者がプログラム(Java)とかWeb(HTML、CSS)とかやってみます!-c.htmlの画像](https://stat.ameba.jp/user_images/20111013/01/dominono9/35/3e/j/t02200074_0429014511543711449.jpg?caw=800)
次回はグローバルナビゲーションを作成します!!