Photo de profil
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 32 sur 60.
Défi
FacileD'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.
- Après la première div (la section d'en-tête), créez une autre
<div>. À l'intérieur, ajoutez une balise<img>. - Définissez le
srcpour lier votre image, et utilisez les attributswidthetheightpour contrôler sa taille.
Par exemple :
src-https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.pngwidth- 200height- 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 HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page