プロフィール画像

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

チャレンジ

簡単

よし、プロフィール画像を追加しましょう！好きな画像を使えます。下の例のリンクを自由に使ってください。

最初の div（ヘッダーセクション）の後に、もう1つ <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>

基礎のすべてのレッスン

1HTMLの基礎

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

4レシピカード

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

プロフィール画像

10テーブル

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

2テキストと書式設定

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

5コンテンツの追加

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

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

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

11イベント登録ページ

自分で練習してみよう: Webプレイグラウンド