今日行ったことはトップページに情報を追加する作業です。
今日もテンプレートは自分で更新できる最短ホームページテンプレート を使っていきます。
このホームページテンプレートのトップページの情報を追加する編集をします。
<!-- ここが「情報その１」を掲載している箇所です -->
<div style="line-height:40%;"> </div>
<table width="99%" height="29" cellspacing="0" cellpadding="0" style="border:1px solid #cccccc; background:#ffffff url(bar3.gif);" align="center">
<tr align="left" valign="middle">
<td>
<h2> 情報その１</h2>
</td>
</tr>
</table>
<table width="99%" style="border:0px solid #c7c7c7" bgcolor="#ffffff" cellspacing="0" align="center">
<tr>
<td align="left" valign="top" style="padding:13px">
ここに情報その１を掲載します。<br><br><br>
</td>
</tr>
</table>
htmlファイルの上記の赤い部分が画像の情報その1とここに情報その１を掲載しますの部分です。
この部分を編集します。
このように編集しました。
<!-- ここが「情報その１」を掲載している箇所です -->
<div style="line-height:40%;"> </div>
<table width="99%" height="29" cellspacing="0" cellpadding="0" style="border:1px solid #cccccc; background:#ffffff url(bar3.gif);" align="center">
<tr align="left" valign="middle">
<td>
<h2> サービス内容</h2>
</td>
</tr>
</table>
<table width="99%" style="border:0px solid #c7c7c7" bgcolor="#ffffff" cellspacing="0" align="center">
<tr>
<td align="left" valign="top" style="padding:13px">
サービス内容を掲載します。<br><br><br>
</td>
</tr>
</table>
このように編集することで
情報を掲載できます。
少し下にいくと情報その２～その４まであるので同じように編集します。
以上で作業終了です。