HTMLソース

ブラウザの表示画面

　　･･･ここまで省略 前頁参照･･･
　　　</table> 　･･･⑥
　　</td></tr>
　　 <tr> <td style="width:25%; padding:8px;">ⓐ <a href="../../../jsisen/jkyusai/jkyusai.html"> <img src="taku44s.jpg" style="width:146px; height:106px;" alt="中国 九寨溝・黄龍"><br>中国 九寨溝・黄龍</a></td>
　　　 <td style="width:25%; padding:8px; ">ⓑ<a href="../../../jkeirin/jkeirin.html"> <img src="rikouD9s.jpg" style="width:146px; height:106px;" alt="中国 桂林"><br>中国 桂林</a></td>
　　　 <td style="width:25%; padding:8px;">ⓒ<a href="../../../jkeirin/jchokakai/jchokakai.html"> <img src="chokai54s.jpg" style="width:146px; height:106px;" alt="武陵源・張家界"><br>中国 武陵源・張家界</a></td>
　　　 <td style="width:25%; padding:8px; ">ⓓ<a href="../../../jnzld/jnzld.html"> <img src="queen4s.jpg" style="width:146px; height:106px;" alt="ニュージーランド"><br>ニュージーランド</a></td> </tr>
　　 <tr> <td>ⓔ<a href="../../../jfuji/fuji.html"> <img src="y0399s.jpg" style="width:146px; height:106px;" alt="富士山"><br>富士山</a></td>
　　　 <td >ⓕ<a href="../../../jtaisetu/taisetu.html"> <img src="920082s.jpg" style="width:146px; height:106px;" alt="大雪山の紅葉"><br>大雪山の紅葉</a></td>
　　　 <td>ⓖ<a href="../../../jkouran/kouran.html"> <img src="y21c3s.jpg" style="width:146px; height:106px;" alt="香嵐渓"><br>香嵐渓</a></td>
　　　 <td>ⓗ<a href="../../../jtanzawa/tanzawa.html"> <img src="spr408rs.jpg" style="width:146px; height:106px;" alt="丹沢のページ"><br>丹沢のページ</a></td> </tr>
　　 <tr><td colspan="4" style="text-align: left;">
　　　 ⓘ<hr style="width:95%; height:5px; margin:8px auto; background:#630 ;">
　　　 ⓙ<a href="../kihon1.html"><img src="next_ts.gif" style="width:71px; height:22px; margin:0 8px; vertical-align:middle;"></a>　
　　　 <a href="mailto:lvh09931@biglobe.ne.jp"> <img src="a018ani.gif" style="width:26px; height:24px; vertical-align:middle; "> ご意見等はメール</a>でお願いします
　　　 <a href="https://www.tohoho-web.com/html/index.htm" target="_blank">タグの詳細は<img src="tohoho.gif" alt="とほほさんのページ" title="とほほさんのページ" style="width:88px; line-height:17px; vertical-align:middle; "></a> </td></tr>
　　</table>
　</td></tr>
</table>
</body>
</html>

🗋 サンプルページ

🠤 🠦 ⟳ ✕ ☖　ⓘ ファイル･･･

演習用サンプルページ ここは演習用サンプルページです。 必修タグで書きました。 数の限られた必修タグで、まずホームページ作りに慣れましょう。 少数のタグでも工夫次第で、多彩なページが出来ることをご確認ください。 必要に応じ、色々なタグや進んだ手法を勉強すればさらに多彩になります。 上達の秘訣は、はじめから欲張り過ぎないことでしょう。 気に入ったページが有ったら取り敢えずコピー&ペーストなどで猿真似して置き、適当な時機にそのタグの勉強をしておく位の構えでいたら良いでしょう。 ではこのページ作り方を、順を追って解説しましょう。　 なお、ここではレイアウトに非推奨の table を使っています。 table レイアウトは初心者には扱い易いのでが、より進んだ flex や grid を早く習得して、柔軟なレイアウトをすることをお勧めします。 くらげのTop　HP作りTop　 HTML初歩　右図ページを表示　 同解説 右図ページの解説は、図をクリックしてもご覧頂けます。→ 以下の図は、クリックすると関連ページにジャンプします。 ⓐ 中国 九寨溝・黄龍 ⓑ 中国 桂林 ⓒ 中国 武陵源・張家界 ⓓ ニュージーランド ⓔ 富士山 ⓕ 大雪山の紅葉 ⓖ 香嵐渓 ⓗ 丹沢のページ ⓘ 　　ⓙ 　 ご意見等はメールでお願いします 　タグの詳細は ⑦