Webページの生成

我々が日々参照しているWebページは、HTML形式の文字情報で記述されている。

HTMLの形式を満たした文字列をプログラムで自動的に生成する処理を考えよう。

HTML 文書の構造

文書の論理構造 - HTML
文書の各要素の表現形式 - CSS

HTML文書の例

<!DOCTYPE html>
<HTML lang="ja">
<head>
    <meta charset="utf-8">
    <title>Pythonで書いたWebページ</title>
</head>
<body>
    <h1>はじめに</h1>
    <p>プログラムで書いた最初のWebページ</p>
</body>
</html>

HTMLタグ

HTML文書を生成するプログラム例。

def write_html_start():               # HTMLファイルの開始タグ
    print('<!DOCTYPE html>')
    print('<HTML lang="ja">')

def write_html_head(title):           # HTMLのヘッダー情報
    print('<head>')
    print('<meta charset="utf-8">')
    print(f'<title>{title}</title>')
    print('</head>')

def write_html_body(message):         # HTMLの文書本体情報
    print('<body>')
    print('<h1>はじめに</h1>')
    print(f'<p>{message}</p>')
    print('</body>')

def write_html_end():                 # HTMLファイルの終了タグ
    print('</html>')

def write_html(title, message):
    write_html_start()
    write_html_head(title)
    write_html_body(message)
    write_html_end()

write_html('Pythonで書いたWebページ', 'プログラムで書いた最初のWebページ')

<!DOCTYPE html>
<HTML lang="ja">
<head>
<meta charset="utf-8">
<title>Pythonで書いたWebページ</title>
</head>
<body>
<h1>はじめに</h1>
<p>プログラムで書いた最初のWebページ</p>
</body>
</html>