Si inserisce un'immagine usando il tag <img>. Visto che il tag <img> è un tag senza un contenuto, NON ha un elemento </img> da chiusura. Si può inserire sia delle foto trovate altrove che delle foto fatte con le vostre fotocamere, ma è molto importante di salvare le foto nella stessa cartella (o in una sottocartella) dei vostri file del sito. Per modificare/ridimensionare le foto, si può usare una programma come Gimp o Photoshop.
I formati di immagine più importanti sono:
- jpg
- gif/png: per questi due formati è possibile di impostare trasparenze.
Come funziona in HTML?
La sintassi minima in HTML è la seguente:
<img src="nomedellamiaimmagine.jpg" alt="Mia Immagine">
- src: sta per source (origine), è l'indirizzo (URL) del file che vogliamo mostrare. (se hai salvato la foto in una sottocartella, l'indirizzo corretto sarà :nomedellasottocartella/nomedellamiaimmagine.jpg)
- alt: è il testo alternativo, ovvero il testo che appare se, per qualche motivo, il client non riesce a mostrare l'immagine. Possiamo anche omettere questo attributo, ma risulta utile per l'accessibilità e per i motori di ricerca.
Se vorresti aggiungere uno slideshow al tuo sito, ci sarà la possibilità di crearlo usando un sito esterno. Poi devi copiare il codice e incollarlo nella tua pagina HTML (come per i video).
Video
Si può anche incorporare in HTML un video che esiste già altrove.
Esempio YouTube:
Scegli l'opzione condividi ( o share), poi incorpora (o embed). Ci sarà la possibilità di cambiare le opzioni di incorporamento. Poi devi copiare il codice (<iframe></iframe>) e incollarlo nella pagina HTML (Non dimentica mai di salvare la pagina prima di andare a vedere gli aggiornamenti).
Mappa
Esempio Google Maps:
Apri Google Maps e cerca il luogo di cui vorresti inserire la mappa. Poi condividi => incorpora, copia il codice e incollalo nella pagina HTML + salva il file.
Documento
Incorporare un documento, foglio di lavoro o presentazione:
- Apri un file nell'app Documenti, Fogli o Presentazioni Google.
- Fai clic su File > Pubblica sul Web nella parte superiore.
- Fai clic su Incorpora nella finestra visualizzata.
- Verrà pubblicato l'intero file. Alcuni tipi di file hanno, però, altre opzioni di pubblicazione (Foglio di lavoro: scegli se pubblicare l'intero foglio di lavoro o i singoli fogli; Presentazione: scegli le dimensioni della presentazione e la velocità di avanzamento delle diapositive.)
- Fai clic su Pubblica.
- Copia il codice nella casella di testo e incollalo nella tua pagina HTML.
Form personalizzato
Like Button (FB)
Nessun commento:
Posta un commento