Come Inserire un Logo con HTML
Quando vuoi aggiungere un logo al tuo sito web o email, un semplice codice HTML è tutto ciò che serve per inserire l'immagine. Aggiungere un logo rende i tuoi sforzi di pubblicazione online molto più professionali, ed è facile aggiungere diversi loghi e immagini ai tuoi file una volta memorizzato il codice base. Se vuoi inserire un logo in un design o file, ecco come usare l'HTML per creare il tuo logo web-friendly.
Passaggio 1: Trovare il file del logo
Individua il file del tuo logo. Ti serviranno la posizione del file e l'estensione dell'immagine del logo per inserirli nel codice.
Passaggio 2: Aprire l'editor di testo
Apri il tuo editor di testo. Apri Blocco note o altro software di elaborazione testi per iniziare a scrivere il codice.
Passaggio 3: Scrivere il codice per l'immagine
Digita <img src=" seguito dalla posizione/nome del file e dall'estensione. Termina questa parte del codice con un apice e chiudi il tag con >.
Passaggio 4: Aggiungere l'attributo alt
Inserisci le informazioni dell'attributo 'alt'. È prezioso per i motori di ricerca e per gli utenti che non possono vedere le immagini. Può includere il nome della tua azienda o semplicemente il messaggio del tuo logo. Va aggiunto subito dopo la sezione 'img src' e il testo va tra due apici.
Passaggio 5: Specificare altezza e larghezza
Le informazioni su altezza e larghezza vanno subito dopo l'attributo alt e sono anche tra apici. Scrivi: width="(numero pixel)" height="(numero pixel)".
Passaggio 6: Indicare il bordo e chiudere il tag
L'informazione sul bordo non è obbligatoria per tutti i loghi, ma il default è solitamente '0'. Scrivi: border="0" e poi chiudi il tag con un altro simbolo >.
Passaggio 7: Salvare come file HTML
Salva il file con estensione .htm. Questo è il tuo file HTML utilizzabile per il progetto di design.
Suggerimento
Puoi cambiare facilmente la dimensione dell'immagine modificando larghezza e altezza nell'HTML. Il default per lo stile del bordo è tipicamente 0. Puoi rendere un logo cliccabile aggiungendo <a href="..."> e </a> intorno all'immagine.
Avvertenza
Assicurati che il logo sia in una posizione facilmente accessibile sul disco rigido. Chiudi sempre correttamente i tag; saltare questo passaggio può impedire la visualizzazione dell'immagine o del file.