| ＨＴＭＬタグ言語で何ができるか（02） |
| ホームページビルダーを使って、罫線に色をつける |
| （１）表を作成し、カット・写真を入れる |
 |
| 写真（１） |
| 写真（１）は、ビルダーで「列数２」×「行数２」の表を作成し、２枚のカットを入れました。 |
|
|
| （２）表属性の変更 |
 |
| 写真（２） |
| 写真（２）は、「表属性の変更」画面です。 （１）「枠表示」にチェックを入れ、「ピクセル」は「１」です。 （２）「罫線の幅」は「0」ピクセルとします。 |
|
|
| （３）ソース画面 |
| <TABLE border="1" cellspacing="0"> <TR> <TD><IMG src="bd_cosmos16.gif" height="304" width="269"></TD> <TD> </TD></TR> <TR> <TD> </TD> <TD><IMG src="tubaki01.jpg" height="250" width="373"></TD></TR> </TABLE> |
| 写真（３） |
| 写真（３）は、ソース（設計）画面です。 （１）<TABLE border="1" cellspacing="0">は、「枠」が「ピクセル」「１」、表の幅が「0」ピクセルという意味です。 （２）写真（２）の設定が反映されています。 |
|
|
| （３）ソースの変更 |
| <TABLE border="1" cellspacing="0"
bordercolor="red"> <TR> <TD><IMG src="bd_cosmos16.gif" height="304" width="269"></TD> <TD> </TD></TR> <TR> <TD> </TD> <TD><IMG src="tubaki01.jpg" height="250" width="373"></TD></TR> </TABLE> |
| 写真（４） |
| 写真（４）は、ソースの変更画面です。 |
| （１）写真（３）のソース画面は、<TABLE
border="1" cellspacing="0">でした。 （２）写真（４）のソース画面は、<TABLE border="1" cellspacing="0" bordercolor="red">です。 （３）「bordercolor="red"」が追加されています。 |
|
|
| （４）完成版 |
 |
| ↑完成版にリンク |
| 英語の色見本６４色←クリック |