プロフィール画像

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

チャレンジ

簡単

さて、プロフィール写真を追加しましょう！好きな画像を使って構いません。以下の例にあるリンクを自由に使ってください。

最初の div（ヘッダーセクション）の後に、別の <div> を作成します。その中に <img> タグを追加してください。
src に画像のリンクを設定し、width 属性と height 属性を使用してサイズを調整します。

例：

src - https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png
width - 200
height - 200"

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
    </body>
</html>

Fundamentalsのすべてのレッスン

1HTMLの基礎

HTMLとは？HTMLの基本構造タグと要素入れ子構造と終了タグ HTMLのコメント

4レシピカード

7個人プロフィールページ

プロフィール画像

10テーブル

テーブルの基本キャプションの追加行と列の結合まとめ - テーブル

2テキストと書式設定

見出し段落改行太字と斜体太字と斜体（続き）おさらい：書式設定

5コンテンツの追加

HTML属性リンク新しいページへのリンク画像画像の属性

8フォームと入力パート1

フォームの基本テキスト入力入力属性パスワードフィールド入力用ラベルまとめ：フォームの基本

11イベント登録ページ