2.4.1 HTMLファイルの保存

[作成] test.html
[フォルダ] webpage/ch02

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8"> 
        <title>HTMLのテスト</title>
    </head>
    <body>
        HTMLの基礎を勉強しています。
    </body>
</html>

2.5.1 見出し

[作成] header.html
[フォルダ] webpage/ch02

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>HTMLの基礎</title>
    </head>
    <body>
        <h1>HTMLの基礎</h1>
        <ul>
            <li>ホーム</li>
            <li>会社案内</li>
            <li>アクセス</li>
            <li>お問い合わせ</li>
        </ul>
    </body>
</html>

2.5.2 リスト

[作成] list.html
[フォルダ] webpage/ch02

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>HTMLの基礎</title>
    </head>
    <body>
        <h1>HTMLの基礎</h1>
        <ul>
            <li>ホーム</li>
            <li>会社案内</li>
            <li>アクセス</li>
            <li>お問い合わせ</li>
        </ul>
    </body>
</html>

2.5.3 段落

[作成] paragraph.html
[フォルダ] webpage/ch02

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>HTMLの基礎</title>
    </head>
    <body>
        <h1>HTMLの基礎</h1>
        <ul>
            <li>ホーム</li>
            <li>会社案内</li>
            <li>アクセス</li>
            <li>お問い合わせ</li>
        </ul>
        <p>
            HTMLの基礎を勉強しています。
        </p>
        <p>
            HTMLの基礎を勉強しています。
        </p>
        <p>
            HTMLの基礎を勉強しています。
        </p>
    </body>
</html>

2.5.4 改行

[作成] break.html
[フォルダ] webpage/ch02

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>HTMLの基礎</title>
    </head>
    <body>
        <h1>HTMLの基礎</h1>
        <ul>
            <li>ホーム</li>
            <li>会社案内</li>
            <li>アクセス</li>
            <li>お問い合わせ</li>
        </ul>
        <p>
            HTMLの基礎を勉強しています。<br>
            HTMLの基礎を勉強しています。<br>
            HTMLの基礎を勉強しています。
        </p>
    </body>
</html>