L'immagine non viene semplicemente inserita direttamente nel testo. Al browser viene detto il suo nome e viene indicato dove e come posizionarlo sullo schermo. Per fare ciò, usa un singolo tag img HTML. Specifica la posizione dell'oggetto grafico sulla pagina web.
Se molti attributi sono opzionali per i tag, il tag img deve avere almeno un parametro: l'indirizzo dell'immagine. Questo attributo è chiamato src:
- - questo mostrerà il file goat-j.webp" />
- - con questo parametro del tag img, il browser caricherà l'immagine pubblicata su Internet sul sito megasellmag.ru.
Attributi di allineamento
Per posizionare le immagini su una pagina utilizzando HTML, viene utilizzato il tag img, i cui attributi sono responsabili del posizionamento dell'immagine sulla pagina e della natura del suo avvolgimento del testo.
Per impostazione predefinita, il browser posiziona l'immagine al centro dello schermo e il testo non si avvolge attorno ad essa. Il tag img ti consentirà di esprimere il tuo disaccordo con il browser utilizzando l'attributo align (allineamento).
- l'immagine verrà posizionata sul bordo sinistro della pagina e il testo lo circonderà a destra.
Il comportamento del testo sarà simile se l'immagine è posizionata a destra (allinea=a destra), al centro (allinea=al centro), in alto (allinea=in alto), in basso(allineamento=basso) e centro (centro).
Impostazioni e dimensioni
Per evitare che il testo si insinui nelle immagini, il tag img ha acquisito attributi speciali -hspace (margini orizzontali/orizzontali) e vspace (margini verticali/verticali), che determinano la quantità di rientro del testo dai bordi delle immagini in pixel.
L'immagine non solo si allontanerà obbedientemente dal testo della quantità specificata, ma si allontanerà anche dal bordo della pagina, quindi è meglio evitare grandi rientri.
Le dimensioni geometriche delle immagini sono molto importanti, che non sono solo desiderabili, ma a volte semplicemente necessarie da specificare per la corretta visualizzazione dell'immagine. Per questo vengono utilizzati gli attributi larghezza (larghezza) e altezza (altezza), il cui valore è impostato in pixel o percentuali.
Se specifichi solo la larghezza, l' altezza verrà selezionata automaticamente con le proporzioni originali. Le dimensioni percentuali consentono di posizionare l'immagine nella parte destra della pagina, indipendentemente dalle dimensioni della finestra del browser, e questa esigenza si presenta spesso.
Altre opzioni
L'attributo border racchiude l'immagine in una cornice dello spessore specificato, cosa che il browser non esegue per impostazione predefinita.
Il bordo può anche avere una larghezza zero apparentemente priva di significato (bordo='0'), ma questo fino a quando l'immagine non diventa un collegamento, quando il browser lo circonda automaticamente con un bordo blu senza attendere istruzioni.
Alcuni utenti impazienti, furiosi per la bassa velocità di Internet, disabiliteranno semplicemente la visualizzazione delle immagini. Per tali casi, viene fornito il parametro alt, che consente di accederetesto alternativo che l'utente vedrà nella casella in cui l'immagine ha fretta di caricare.
Se non ti piacciono le possibilità del parametro alt, il tag img può offrire un attributo longdesc, il cui valore è l'URL di un documento con una descrizione più dettagliata.
Gli attributi usemap e ismap indicano al browser che l'immagine sarà un'immagine in cui i collegamenti ipertestuali sono aree separate (mappa dei collegamenti), solo il parametro usemap determina la mappa di navigazione sul server e ismap - la mappa su lato cliente.
Descrizione del collegamento 1 nella figura seguente:
Oggetti esotici
L'attributo lowsrc indica al browser di scaricare prima una copia (o un' altra alternativa) dell'immagine originale con una qualità inferiore e, quindi, più "leggera". Questo trucco viene fornito in caso di bassa velocità di Internet per l'utente. L'immagine originale, una volta caricata, sostituisce il "falso".
L'attributo galleryimg meno comunemente utilizzato del tag img richiama il pannello di controllo dell'immagine (quando ci si passa sopra), consentendoti di aprire la cartella Le mie immagini predefinita e stampare, salvare o inviare l'immagine tramite e-mail. Puoi disabilitare il pannello impostando il parametro galleryimg su no/false e abilitarlo impostando yes/true.
Nella nuova specifica HTML5, alcuni tag hanno alcuni parametri deprecati. Ad esempio, gli attributi lowsrc, border, longdesc e name di img sono stati ritirati.
