| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |


| 無料HP作成支援集 |
HP作成見本3 -HP作成見本のSampleです-
作成見本3
テーブル型デザイン
まとまっていて見やすい作りです。お小遣い系や主婦の方のサイトなどに多いデザインです。

<html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
< META NAME="description" content="今話題のお小遣いサイト [HP作成見本]">
< META NAME="keywords" content="完全無料,懸賞,メール,副収入,ゲーム,アンケート,">
< title>○● お小遣いZ●○</title>
< /head>

<body bgcolor="#FFEEEE" background="nekohaikei.gif">
< div align="center">
<table width="720" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="400" height="200" border="0" cellspacing="0">
<tr>
<td background="koneko.gif"><div align="right"><strong><font color="#FF9999" size="2"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font size="3"><img src="niku.gif" width="20" height="19"> <img src="niku.gif" width="20" height="19"> お小遣いZ <img src="niku.gif" width="20" height="19"> <img src="niku.gif" width="20" height="19"></font></font></strong></div></td>
</tr>
</table> <hr align="center" width="720" size="3">
<table width="720" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="161"><table width="148" border="2" bordercolor="#FFCC99" bgcolor="#FFFFFF">
<tr>
<td width="136" bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>お小遣い系</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="maru.gif" width="12" height="12">アンケート<br>
<img src="maru.gif" width="12" height="12">メール<br>
<img src="maru.gif" width="12" height="12">ゲーム<br>
<img src="maru.gif" width="12" height="12">懸賞<br>
<img src="maru.gif" width="12" height="12">広告</font></td>
</tr>
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>無料系</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="maru.gif" width="12" height="12">HPスペース<br>
<img src="maru.gif" width="12" height="12">掲示板<br>
<img src="maru.gif" width="12" height="12">カウンター<br>
<img src="maru.gif" width="12" height="12">フリーメール<br>
<img src="maru.gif" width="12" height="12">CGI・JavaScript<br>
<img src="maru.gif" width="12" height="12">素材</font></td>
</tr>
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>掲示板</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="maru.gif" width="12" height="12">総合掲示板<br>
<img src="maru.gif" width="12" height="12">宣伝掲示板</font></td>
</tr>
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>リンク集</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="maru.gif" width="12" height="12">相互リンク集<br>
<img src="maru.gif" width="12" height="12">自動リンク集</font></td>
</tr>
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>その他</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="maru.gif" width="12" height="12">コンテンツ案内<br>
<img src="maru.gif" width="12" height="12">お問い合わせ</font></td>
</tr>
</table>
</td>
<td width="359"><table width="350" border="2" bordercolor="#FFCC99" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>更新履歴</strong></font></div>
</td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><form name="form1" method="post" action="">
<textarea name="textarea2" cols="42" rows="8">『基本デザインお小遣いサイト風』

注意
このページはHTMLの講座用に作成見本として
作られてますのでトップページ以外存在いたしません</textarea>
</form>
</td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
</table>
<div align="right"><font size="1">since2004</font></div></td>
<td width="200"><table width="200" border="2" bordercolor="#FFCC99" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>オススメ広告</strong></font></div>
</td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"> <br>
<img src="sikaku.gif" width="12" height="12"></font></td>
</tr>
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>オススメ懸賞</strong></font></div>
</td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"> <br>
<img src="sikaku.gif" width="12" height="12"></font></td>
</tr>
<tr>
<td bordercolor="#FFFFFF" bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>アクセスアップ</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"> <br>
<img src="sikaku.gif" width="12" height="12"></font></td>
</tr>
<tr>
<td bordercolor="#FFFFFF" bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong>Special
Thanks!</strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF"><font size="1"><img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"><br>
<img src="sikaku.gif" width="12" height="12"> </font></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<hr width="720">
< /div>
< div align="center">
<table width="720" border="2" bordercolor="#FFCC99" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong><font color="#FF9999" size="2"><font size="3"><img src="niku.gif" width="20" height="19"></font></font>アクセスランキング<font color="#FF9999" size="2"><font size="3"><img src="niku.gif" width="20" height="19"></font></font></strong></font></div></td>
</tr>
<tr>
<td bordercolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCC99"><div align="center"><font color="#FFFFFF" size="2"><strong><font color="#FF9999" size="2"><font size="3"><img src="niku.gif" width="20" height="19"></font></font>TOPテキスト相互リンク<font color="#FF9999" size="2"><font size="3"><img src="niku.gif" width="20" height="19"></font></font></strong></font></div></td>
</tr>
<tr>
<td height="22" bordercolor="#FFFFFF"><font size="1"><img src="maru.gif" width="12" height="12">          <img src="maru.gif" width="12" height="12">          <img src="maru.gif" width="12" height="12">          <img src="maru.gif" width="12" height="12">          <img src="maru.gif" width="12" height="12">         <img src="maru.gif" width="12" height="12">          <img src="maru.gif" width="12" height="12"></font></td>
</tr>
</table>
<br>
<br>
<font size="2"><a href="http://www.interz.jp/"><font size="1">製作:インターネット研究会Z</font></a><br>
</font></div>
< /body>
< /html>

関連コンテンツ
-

点数の見方
評価5 評価5
評価4 評価4
評価3 評価3
評価2 評価2
評価1 評価1
評価1 評価0

アンチウイルスソフト
ESET Smart Security
Kaspersky Internet Security
Norton Internet Security
4 マカフィー インターネットセキュリティ
5 ウイルスバスター

PR




広告掲載について
お問い合わせ

AdSense
Copyright (C) 2002 - 2011 インターネット研究会Z - The Internet Society - HTML
interz? | information | site map | page view | 紹介履歴 | 広告掲載 | 掲示板 | mail