Quando vuoi aggiungere un logo al tuo sito web o alla tua e-mail, è sufficiente un semplice codice HTML per inserire l'immagine. L'aggiunta di un logo può rendere i tuoi sforzi di pubblicazione online molto più professionali ed è facile aggiungere loghi e immagini diversi ai tuoi file una volta memorizzato il codice di base. Se desideri inserire un logo in un design o in un file, ecco come utilizzare l'HTML per creare il tuo logo web friendly.
Passo 1
Individua il file del tuo logo. Avrai bisogno del percorso del file e dell'estensione dell'immagine del tuo logo in modo da poterlo inserire nel codice.
Video del giorno
Passo 2
Apri il tuo editor di parole. Apri Blocco note o un altro software di elaborazione testi per iniziare a scrivere il codice.
Passaggio 3
Scrivi il codice per inserire un file immagine. Tipo Passaggio 4
Inserisci le informazioni 'alt tag'. Questo è prezioso per i motori di ricerca e gli utenti che non possono leggere le immagini. Queste informazioni possono includere il nome della tua azienda o semplicemente il messaggio del tuo logo. Dovrai aggiungerlo subito dopo la sezione "img src" e inserire il testo attorno a due apostrofi.
Passaggio 5
Indica l'altezza e la larghezza della tua immagine. Le informazioni su altezza e larghezza vanno immediatamente dopo l'attributo tag alt e sono anche racchiuse attorno agli apostrofi. Dovrai scrivere quanto segue: larghezza = "(numero di pixel)" altezza="(numero di pixel)".
Passaggio 6
Indica le informazioni sul bordo, quindi chiudi il tag. Lo spessore del bordo non è richiesto per tutti i loghi, ma l'impostazione predefinita è generalmente "0". Dovrai scrivere quanto segue: border="0" e poi chiudere il tag con un altro simbolo '>'.
Passaggio 7
Salva il tuo file come estensione .htm. Questo è il tuo file HTML che puoi usare per il tuo progetto di design.
Cose di cui avrai bisogno
Software Microsoft Paint o Image
Blocco note o programma di elaborazione testi di base
Consiglio
Puoi cambiare facilmente le dimensioni della tua immagine modificando la larghezza e l'altezza all'interno dell'HTML. L'impostazione predefinita per lo stile del bordo è in genere 0. Puoi rendere cliccabile un logo aggiungendo "" e "" intorno all'immagine.
Avvertimento
Assicurati che il logo si trovi in una posizione facilmente accessibile sul disco rigido del tuo computer. Chiudi sempre i tag correttamente; la mancanza di questo passaggio può impedire la visualizzazione dell'immagine o del file.
