ブログラムはさくらエディターで記述します。 ファイルを保存するとき右記のアラートが出ますが、 そのまま「はい」をクリックください。 |
![]() |
配置先:c:\xampp\htdocs\ | ※この配置先はドキュメントルートと呼ばれこのフォルダー以降 のファイルにブラウザよりアクセスができます。 |
<!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>ABC株式会社</td> <td align="center">220-0001</td> <td>神奈川県横浜市中区〇〇</td> <td>横浜ビル10階</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> | ブラウザで表示される本文 |
<table> ~ </table> | 一覧表全体の表示記述 |
<tr> ~ </tr> | 一覧表の行の表示記述 |
<td> ~ </td> | 一覧表のセルの表示記述 |
</td> | 改行 |
cellspacing | 一覧表のセルの間隔を指定 |
bgcolor="#a9a9a9" | 背景色の指定 #a9a9a9は色コード ※HTML色で検索ください。 |
style=***** | これで文字色とかサイズ、フォント、幅、高さ等様々指定ができる |
align(アライン) | 配置方向を設定(左よせ、中央、右よせ) |
width= | 表や行、セルの幅指定 |
style="height:***;" | 行の高さ指定 |
px | 長さ高さの単位(ピクセル・粒) |
cellspacing | 一覧表のセルの間隔を指定 |
bgcolor="#a9a9a9" | 背景色の指定 #a9a9a9は色コード ※HTML色で検索ください。 |
style=***** | これで文字色とかサイズ、フォント、幅、高さ等様々指定ができる |
align(アライン) | 配置方向を設定(左よせ、中央、右よせ) |
width= | 表や行、セルの幅指定 |
style="height:***;" | 行の高さ指定 |
px | 長さ高さの単位(ピクセル・粒) |