| ブログラムはさくらエディターで記述します。 ファイルを保存するとき右記のアラートが出ますが、 そのまま「はい」をクリックください。 |
 |
| サンプルプログラム名：customerlist.html |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <!DOCTYPE html><html lang="ja"><head> <meta charset="utf-8"> <link rel="stylesheet" href="/style.css" type="text/css"> <title>得意先一覧表</title></head><body> 得意先一覧表<br> <table bgcolor="#a9a9a9" cellspacing="1px" style="font-size:12px;" > <tr bgcolor="#D3D3D3" style="height:24px;" align="center"> <td width="90px">得意先コード</td> <td width="200px">得意先名</td> <td width="70px">郵便番号</td> <td width="200px">住所1</td> <td width="200px">住所2</td> </tr> <tr bgcolor="white" style="height:24px;" align="left"> <td align="center">10001</td> <td>ＡＢＣ株式会社</td> <td align="center">220-0001</td> ç;td>神奈川県横浜市中区〇〇</td> <td>横浜ビル10階</td> </tr> <tr bgcolor="white" style="height:24px;" align="left"> <td align="center">10002</td> <td>株式会社ＤＥＦ</td> <td align="center">220-0002</td> ç;td>神奈川県横浜市中区〇〇</td> <td>中央ビル8階</td> </tr> </table></body></html> |
| <!DOCTYPE html.... | HTML文である宣誓（HTMNLで記載してます。） |
| <html> ～ </html> | HTMLで記述範囲を指定 lang="ja" は日本語でのHTML文の指定 |
| <head> ～ </head> | サイトの情報（タイトルや文字コード、スタイルシート）を記述 <meta>charset="utf-8"で文字コードの指定 <link>スタイルシート記述ファイルの配置先 表示フォーマットの指定をするファイルの配置先を記載 <title> ～ </title>サイトのタイトル ブラウザ上部のタグにタイトルとして表示される。 |
| <body> ～ </body> | ブラウザで表示される本文 |
| <br> | 改行 |
tableの概要はこのようになります
|
||||||||||||||
| <table> ～ </table> | 一覧表全体の表示記述 |
| <tr> ～ </tr> | 一覧表の行の表示記述 |
| <td> ～ </td> | 一覧表のセルの表示記述 |
| cellspacing | 一覧表のセルの間隔を指定 |
| bgcolor="#a9a9a9" | 背景色の指定 #a9a9a9は色コード ※HTML色で検索ください。 |
| style=***** | これで文字色とかサイズ、フォント、幅、高さ等様々指定ができる |
| align（アライン） | 配置方向を設定（左よせ、中央、右よせ） |
| width= | 表や行、セルの幅指定 |
| style="height:***;" | 行の高さ指定 |
| px | 長さ高さの単位（ピクセル・粒） |
| cellspacing | 一覧表のセルの間隔を指定 |
| bgcolor="#a9a9a9" | 背景色の指定 #a9a9a9は色コード ※HTML色で検索ください。 |
| style=***** | これで文字色とかサイズ、フォント、幅、高さ等様々指定ができる |
| align（アライン） | 配置方向を設定（左よせ、中央、右よせ） |
| width= | 表や行、セルの幅指定 |
| style="height:***;" | 行の高さ指定 |
| px | 長さ高さの単位（ピクセル・粒） |
で戻ります。
 |
 |
| bgcolor="#a9a9a9" を消す | cellspacing = "5px" に変更 |
| left | ：左寄せ |
| center | ：中寄せ |
| right | ：右寄せ |
| justify | ：均等割付 |
| 部署 | 2024年4月 | |
| 売上 | 利益 | |
