Menu
Coddy logo textTech
COMMENCER À APPRENDRE
flag Fr iconFrançaisdown icon

Photo de profil

Fait partie de la section Fundamentals du Journey HTML de Coddy. Leçon 32 sur 60.

challenge icon

Défi

Facile

D'accord, il est temps d'ajouter la photo de profil ! Vous pouvez utiliser n'importe quelle image de votre choix. N'hésitez pas à utiliser le lien de l'exemple ci-dessous.

  1. Après la première div (la section d'en-tête), créez une autre <div>. À l'intérieur, ajoutez une balise <img>.
  2. Définissez le src pour lier votre image, et utilisez les attributs width et height pour contrôler sa taille.

Par exemple :

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

Essayez vous-même

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

Toutes les leçons de Fundamentals

1Les bases du HTML

Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML

4Fiche de recette

Aperçu du projetTitre et description de la recetteLeçon de projetIngrédientsLeçon de projetÉtapesLeçon de projet

7Page de profil personnel

Présentation du projetSection d'en-têteLeçon de projetPhoto de profilLeçon de projetSection À propos de moiLeçon de projetLiens sociauxLeçon de projet

10Tableaux

Bases des tableauxAjouter des légendesFusionner des lignes et des colonnesRécapitulatif - Tableaux

2Texte et mise en forme

TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme

5Ajouter du contenu

Attributs HTMLLiensLiens vers une nouvelle pageImagesAttributs d'image

8Formulaires et champs de saisie, partie 1

Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base

11Page d'inscription à un événement

Aperçu du projetSection d'en-têteLeçon de projetSection des détails de l'événementLeçon de projetFormulaire d'inscriptionLeçon de projetSection de pied de pageLeçon de projet

3Travailler avec les listes

Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes

6Mise en page

DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page

9Formulaires et entrées, partie 2

Boutons radioCases à cocherListes déroulantesBoutonsBoutons dans les formulairesRécapitulatif - Formulaires n°1Récapitulatif - Formulaires n°2

12Défis finaux

Carte de profil simpleCarte d'invitation à un événementPage d'article simpleListe de livres favoris

Entraînez-vous par vous-même : Playground Web