ハイパーリンクと画像

授業 HTML

[ index.html ]データー

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>私の好きな漫画</title>
</head>
<body>
<h1>コミック・ラノベ・BL</h1>
<p>レーベル別で探せる ライトノベルストア、 円高還元 洋書 Comics & Graphic Novels もチェック。</p>
<!-- [ sample.html ]は一階層下に置いてあります -->
<p><a href="sample/sample.html">sampleページへ移動</a></p>
<p><img src="img/01.jpg" width="300" height="300" alt=""></p>
<p><img src="img/02.jpg" width="300" height="300" alt=""></p>
<p><img src="img/03.jpg" width="300" height="300" alt=""></p>
<hr>
<h2>ジャンルの紹介</h2>
<p>少年コミック、少女コミック、青年コミック、女性コミック、4コマ漫画、ボーイズラブコミックス</p>
<h3>少年コミック</h3>
<p></p>
<ul>
<li>ジャンプコミック</li>
<li>週間少年マガジンKC</li>
<li>少年サンデーコミック</li>
<li>ガンガンコミックス</li>
<li>カドカワコミックス・エース</li>
<li>少年チャンピオンコミックス</li>
</ul>
<h3>少女コミック</h3>
<ul>
<li>デザートKC</li>
<li>フラワーコミックス</li>
<li>りぼんマスコットコミックス</li>
<li>別冊フレンドKC</li>
<li>マーガレットコミックス</li>
</ul>
<h3>青年コミック</h3>
<ul>
<li>モーニングKC</li>
<li>アフタヌーンKC</li>
<li>イブニングKC</li>
<li>ジェッツコミックス</li>
<li>ビッグコミックス</li>
<li>ビームコミックス</li>
<li>ヤングジャンプコミックス</li>
<li>ヤングサンデーコミックス</li>
</ul>
<h3>女性コミック</h3>
<ul>
<li>KISS KC　</li>
<li>クイーンズコミックス　</li>
<li>BE LOVE KC　</li>
<li>FEELコミックス　</li>
<li>オフィスユーコミックス　</li>
<li>YOUNG YOU コミックス　</li>
</ul>
<h3>４コマ漫画</h3>
<ul>
<li>バンブーコミックス　</li>
<li>まんがタイムコミックス　</li>
<li>まんがタイムKRコミックス</li>
</ul>
<h3>ボーイズラブコミック</h3>
<ul>
<li>キャラコミックス　</li>
<li>あすかコミックスCL-DX　</li>
<li>花音コミックス　</li>
<li>GUSH COMICS　</li>
<li>drapコミックス　</li>
</ul>


<table border="1" width="700">
<tr>
<td rowspan="2"><img src="img/04.jpg" width="200" height="200" alt=""></td><td>2012/11/19　購入は<a href="http://www.amazon.co.jp/%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF-%E3%82%A2%E3%83%8B%E3%83%A1-%E6%BC%AB%E7%94%BB-%E3%83%9E%E3%83%B3%E3%82%AC/b/ref=sv_b_4?ie=UTF8&node=466280" target="_blank">Amazon</a>へ</td>
</tr>
<tr>
<td>
    ヴィンランド・サガ(12) (アフタヌーンKC) ~ 幸村 誠
    WORKING!!(11) (ヤングガンガンコミックス) ~ 高津 カリノ
    REAL 12 (ヤングジャンプコミックス) ~ 井上 雄彦
    新世紀エヴァンゲリオン (13) (カドカワコミックス・エース) ~ 貞本 義行、カラー他
    咲-Saki- 阿知賀編 episode of side-A(4) (ガンガンコミックス) ~ 小林 立、五十嵐 あぐり
    妖狐×僕SS(8) (ガンガンコミックスJOKER) ~ 藤原 ここあ
    ああっ女神さまっ(45) (アフタヌーンKC) ~ 藤島 康介
    サーバント×サービス(2) (ヤングガンガンコミックス) ~ 高津 カリノ
    長門有希ちゃんの消失 (5) (カドカワコミックス・エース) ~ ぷよ、谷川 流
    涼宮ハルヒちゃんの憂鬱 (7) (カドカワコミックス・エース) ~ ぷよ、谷川 流

?続きを見る...
</td>
</tr>
</table>

</body>
</html>

[ sample.html ]データー

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>私の好きな漫画</title>
<style>
body {
    background-color: #0af13a;
}
</style>
</head>
<body>
<h1>コミック紹介</h1>
<p><a href="index.html">TOPへ戻る</a></p>
<!-- [ img/01.jpg ]は一階層上に置いてあります -->
<p><img src="../img/01.jpg" width="300" height="300" alt=""></p>

</body>
</html>


ブラウザでの表示
注意：データが大きいので開かないほうがお勧めです。





[ index.html ]



[ sample.html ]