Menu
CoddyTech
Commencer à apprendre

Photo de profil

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

challenge icon

Défi

Facile

Très bien, il est temps d’ajouter la photo de profil ! Tu peux utiliser l’image de ton choix. N’hésite pas à utiliser le lien de l’exemple ci-dessous.

  1. Après le premier div (la section d’en-tête), crée un autre <div>. À l’intérieur, ajoute une balise <img>.
  2. Définis src pour qu’il pointe vers ton image, et utilise 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 Fondamentaux

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