自己紹介セクション

CoddyのHTMLジャーニー「Fundamentals」セクションの一部。レッスン 33/60。

チャレンジ

簡単

これは profile project の continuation です！作成した structure をさらに発展させていきましょう。page には、それぞれ <div> tag で囲まれた three の異なる sections を含める必要があります：

1. Header Section: あなたの名前を入れた <h1> と短いキャッチコピーを入れた <p> を含む <div>。
2. Profile Picture: <img> tag を含む <div>。
3. About Me Section: 'About Me' というテキストの <h2> と、あなた自身について少し紹介する <p> tag を含む <div>。

テストに合格するために、HTML の structure がこの順序に従っていることを確認してください。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- これはプロジェクトの続きです。以下の3つのセクションを使用してページを構成してください。 -->
        
        <!-- ヘッダーセクション: このdiv内に<h1>と<p>タグを追加してください -->
        <div>
            
        </div>
        
        <!-- プロフィール写真セクション: このdiv内に<img>タグを追加してください -->
        <div>
            
        </div>
        
        <!-- 自己紹介セクション: このdiv内に<h2>と<p>タグを追加してください -->
        <div>
            
        </div>
    </body>
</html>