表を作成する

商品やサービスの比較で、表を作成したいという場合がありますね。こういう場合は、HTMLのテーブルという機能を使います。

サービス価格容量ファイル配置CGI無料SSL
さくらレンタルサーバ
ライト
129円10GFTP
さくらレンタルサーバ
スタンダード
515円100GFTP/git/rsync
Gitdub Pages無料1Ggit不可

テーブルのHTMLです。

<table>
  <tr>
    <td>サービス</td><td>価格</td><td>容量</td><td>ファイル配置</td><td>CGI</td><td>無料SSL</td>
  </tr>
  <tr>
    <td><a href="/blog/20190427161103.html">さくらレンタルサーバ<br>ライト</a></td><td>129円</td><td>10G</td><td>FTP</td><td><i>可</i></td><td>〇</td>
  </tr>
  <tr>
    <td>さくらレンタルサーバ<br>スタンダード</td><td>515円</td><td><i>100G</i></td><td>FTP/<i>git</i>/rsync</td><td><i>可</i></td><td>〇</td>
  </tr>
  <tr>
    <td>Gitdub Pages</td><td><i>無料</i></td><td>1G</td><td><i>git</i></td><td>不可</td><td>〇</td>
  </tr>
</table>

スマートフォン対応した表のデザインなども今後追加していきます。

参考

tableタグなどのHTMLの基礎について知りたい場合は、以下の記事を参考にしてください。

Webサイト作成のためのHTMLの基礎