Immagine del profilo
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 32 di 60.
Sfida
FacileBene, è il momento di aggiungere l’immagine del profilo! Puoi usare qualsiasi immagine desideri. Se vuoi, puoi usare il link dell’esempio qui sotto.
- Dopo il primo div (la sezione dell’intestazione), crea un altro
<div>. Al suo interno, aggiungi un tag<img>. - Imposta
srcin modo che rimandi alla tua immagine e usa gli attributiwidtheheightper controllarne le dimensioni.
Per esempio:
src-https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.pngwidth- 200height- 200"
Provalo tu
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
</body>
</html>Tutte le lezioni di Fondamenti
1Fondamenti di HTML
Che cos’è HTML?Struttura di base di un documento HTMLTag ed elementiAnnidamento e tag di chiusuraCommenti in HTML7Pagina del profilo personale
Panoramica del progettoSezione intestazione
Immagine del profiloSezione Chi sonoLink ai social2Testo e formattazione
IntestazioniParagrafiInterruzioni di rigaTesto in grassetto e corsivoAncora grassetto e corsivoRiepilogo - formattazione5Aggiungere contenuti
Attributi HTMLCollegamentiCollegamenti a nuove pagineImmaginiAttributi delle immagini8Moduli e campi di input - Parte 1
Nozioni di base sui moduliCampi di testoAttributi degli inputCampo passwordEtichette per gli inputRiepilogo - modulo di base11Pagina di registrazione all'evento
Panoramica del progettoSezione intestazioneSezione dettagli dell'eventoModulo di registrazioneSezione piè di paginaEsercitati da solo: Playground Web