
フォームデータ
リモートアドレス
ユーザエージェント 結果
ImmutableMultiDict([(
phrase
,
hitch-hiker
), (
letters
,
aeiou
)])
127.0.0.1 Mozilla/5.0 (Macintosh;
Intel Mac OS X 10_11_2)
AppleWebKit/537.36 (KHTML,like
Gecko) Chrome/47.0.2526.106
Safari/537.36
{
e
,
i
}
Jinja2
の
<table>
HTML
で読みやすい出力にする
ここでの目的は、前ページの生のデータよりも読みやすく表示することで
す。そのために、
<table>
、
<th>
、
<tr>
、
<td>
などのテーブルの内容を
定義するタグを利用します。作成したいテーブルの冒頭部分をもう一度確認
してみましょう。ログの行ごとに
1
行のデータと、
4
つのカラム(それぞれに
説明的なタイトルが付いています)で構成されています。
テーブル全体は
HTML
の
<table>
タグを、各行のデータに
<tr>
タグを
使います。説明的なタイトルは
<th>
タグを、生の各データは
<td>
タグを
使います。
HTML
の テ ー ブ ル タ グ を 簡 単 に
復習しましょう。
<table>
:テーブル
<tr>
:テーブルデータの行
<th>
:テーブルカラムの見出し
<td>
:テーブルデータ項目(セル)
それぞれ対応する終了タグ
(
</table>
、
</tr>
、
</th>
、
</td>