Menu
Coddy logo textTech

自己紹介セクション

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

challenge icon

チャレンジ

簡単

これはあなたのプロフィールです。あなたが誰であるかをみんなに知らせましょう! 

  1. プロフィール画像を追加した後、<div>を作成します。 
  2. その中に、'About Me' と書かれた <h2> の見出しを追加します。自分自身について少し紹介するために、短い段落 <p> を追加してください。

例:

  • Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
        
        <!-- Profile Picture -->
        <div>
            <img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
        </div>
    </body>
</html>

Fundamentalsのすべてのレッスン