HTMLファイルの保存

[作成] test.html

[フォルダ] webpage/ch02

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

見出し

[作成] header.html

[フォルダ] webpage/ch02

        <!DOCTYPE html>
        <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <title>HTMLの基礎</title>
        </head>
        <body>
            <h1>HTMLの基礎</h1>
        </body>
        </html>
        

リスト

[作成] 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>
        

段落

[作成] 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>
        

改行

[作成] 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>