Come Creare Un'immagine In Html

Sommario:

Come Creare Un'immagine In Html
Come Creare Un'immagine In Html

Video: Come Creare Un'immagine In Html

Video: Come Creare Un'immagine In Html
Video: TUTORIAL - Come creare un menu a tendina in HTML5 e CSS3 | FoglioDiStile.Com 2024, Maggio
Anonim

L'HTML è un linguaggio di markup utilizzato per creare pagine Internet. Può essere utilizzato per personalizzare la visualizzazione di vari elementi, comprese le immagini. L'impostazione della visualizzazione delle immagini in HTML viene effettuata tramite un apposito tag.

Come creare un'immagine in html
Come creare un'immagine in html

Istruzioni

Passo 1

Apri il tuo file HTML con l'editor di testo che utilizzi per modificare le pagine web. Se non disponi di un file HTML, crealo facendo clic con il tasto sinistro del mouse sul desktop o nella cartella richiesta e fai clic sul menu "Nuovo" - "Documento di testo". Inserisci un nome file e aggiungi l'estensione html dopo il punto. Quindi fare nuovamente clic con il pulsante destro del mouse sul documento e selezionare "Apri con" - "Blocco note". Vedrai un documento vuoto in cui puoi inserire il codice HTML.

Passo 2

Per creare un'immagine in HTML viene utilizzato un tag, che deve essere posizionato in una sezione per la visualizzazione. Per esempio:

Immagine in HTML

Passaggio 3

Il tag non è di chiusura e non richiede un tag di chiusura. Il suo parametro principale, che deve essere utilizzato, è src, che imposta il percorso del file immagine desiderato. È possibile specificare in questa riga sia il percorso completo (con https://) che il percorso relativo (ad esempio /pictures/img.jpg) del file immagine che si desidera inserire.

Passaggio 4

Un altro parametro importante è alt, che definisce il nome dell'immagine e la sua identificazione sulla pagina. Questo nome apparirà quando l'utente passa il mouse sull'immagine.

Passaggio 5

È inoltre possibile utilizzare gli attributi di larghezza e altezza per impostare i parametri dell'immagine. La prima impostazione è responsabile della lunghezza e la seconda dell'altezza dell'immagine sulla pagina. Questo parametro è specificato in pixel. Pertanto, il tag & img> può essere impostato:

Passaggio 6

Usando questo tag, viene creata un'immagine, il cui percorso è registrato nell'attributo src. Quando passi con il mouse sull'immagine, vedrai il messaggio "nome immagine". In questo caso, l'immagine sarà larga 300 pixel e alta 250 pixel. Puoi impostare tutti i parametri di cui sopra come preferisci.

Passaggio 7

Salva le modifiche al file utilizzando la funzione "File" - "Salva". Apri il documento in un browser per verificare se l'immagine è stata creata correttamente in HTML. Per fare ciò, fai clic con il pulsante destro del mouse sul file e seleziona la sezione "Apri con", quindi fai clic sulla riga con il nome del tuo browser. La creazione dell'immagine HTML è completa.

Consigliato: