Man kan sätta in bilder i dokumentet genom att använda IMG SRC
<IMG SRC="Demo.gif" WIDTH=100 HEIGHT=100 ALT="En liten bild för demobruk">
Det är viktigt att sätta Alt="en förklarande text" av flera orsaker:
- För att snabba upp visningen kan man i de flesta Browsers stänga av bildvisningen. Om bilder inte visas så kommer ALT texten istället.
- I vissa browsers så kan man sätta musmarkören ovanpå en bild varvid ALT texten dyker upp som en "ToolTip"
- Blinda kan använda Internet. De använder då ett DOS baserat program som heter Lynx tillsammans med ett program som "läser skärmen". Detta program kan inte visa bilder. Hur förklarar man en bild åt en blind med hjälp av ett dataprogram, det enda programmet kan gör är ju att räkna färgerna men någon analys kan det inte göra!
Det är inte helt nödvändigt att sätta WIDTH och HEIGHT (som mäts i antal pixels) med det förenklar arbetet för browsern och snabbar upp visningen av sidan.
För att hantera hur bilder och texter skall "samarbeta" på sidan kan man använda ALIGN
| Värde för ALIGN | Betydelse |
|---|
| TOP | Överkanten av bilden (vertikalt) |
| MIDDLE | Mitten av bilden (vertikalt) |
| BOTTOM | Nedre kanten av bilden (vertikalt) |
| CENTER | Mitten av bilden |
| LEFT | Bilden kommer till vänster och texten hålls till höger (Kanske mesta användbara) |
| RIGHT | Bilden kommer till höger och texten till vänster om denna |
<IMG SRC="Demo.gif" ALIGN=TOP>Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN<br>
Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN
<IMG SRC="Demo.gif" ALIGN=MIDDLE>Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN<br>
Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN
<IMG SRC="Demo.gif" ALIGN=CENTER>Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN<br>
Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN
<IMG SRC="Demo.gif" ALIGN=BOTTOM>Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN<br>
Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN
<IMG SRC="Demo.gif" ALIGN=LEFT>Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN<br>
Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN
<IMG SRC="Demo.gif" ALIGN=RIGHT>Och här kommer en text som skrivs in direkt efter
att vi satt in en bild. Observera hur den hanteras av de olika ALIGN<br>
Och här kommer en text som skrivs in direkt efter att vi satt in en bild. Observera hur den hanteras av de olika ALIGN
För att stänga av ovanstående formateringar kan man använda <BR CLEAR=LEFT> eller
<BR CLEAR=RIGHT> eller
<BR CLEAR=ALL>
HTML
Top
Bakgrundsbilder