Afbeeldingen worden, net als alle andere elementen van een webpagina, door de browser weergegeven in overeenstemming met de gedetailleerde instructies die door de server worden verzonden. Deze instructies zijn geschreven in HTML (HyperText Markup Language) en bestaan uit “tags”. Tags beschrijven het type van alle elementen van een webpagina, hun locatie en uiterlijk.
instructies:
Stap 1
Eerst moet u het afbeeldingsbestand uploaden naar de server. Dit kan via FTP (File Transfer Protocol) via een speciaal programma. Deze programma's worden FTP-clients genoemd, bijvoorbeeld Cute FTP, WS FTP, FlashFXP en andere. Maar u kunt het downloaden via de bestandsbeheerder, die zich in het configuratiescherm van de hosting waarop uw site wordt gehost, zou moeten bevinden. Met de bestandsbeheerder kunt u bestanden uploaden via uw browser.
Stap 2
Daarna moet je de bijbehorende tag in de html-code van de gewenste pagina plaatsen. Dat wil zeggen, u moet deze pagina vinden en de broncode openen om te bewerken. Als u een paginabestand heeft, kunt u dit openen met een eenvoudige teksteditor, bijvoorbeeld standaard Kladblok. En als u een systeem gebruikt om de site te beheren, zoek dan in het beheerpaneel van dit systeem de pagina-editor en open de gewenste pagina erin. Daarna blijft het om de afbeeldingstag op de gewenste plaats op de pagina in te voegen en de wijzigingen op te slaan.
Stap 3
Meer over de tag zelf - in zijn eenvoudigste vorm kan deze er als volgt uitzien: De tag bevat verschillende aanvullende informatie - "attributen". Er is slechts één attribuut vereist voor de afbeeldingstag - src. Het vertelt de browser het adres waar het het bestand met de carnink moet krijgen. Als dit bestand zich op de server in dezelfde map (of submap) als de pagina zelf bevindt, is het voldoende om alleen de naam of het pad naar de submap op te geven. Dergelijke adressen worden "relatief" genoemd. En een absoluut adres kan er als volgt uitzien:
--Een ander kenmerk - alt="Afbeelding" - bevat de tekst die verschijnt in de knopinfo bij muisaanwijzer: De andere kenmerken - titel doen hetzelfde: - Twee kenmerken - breedte en hoogte - stel de grootte in van de rechthoek waarin de browser geeft de afbeelding weer: deze kenmerken zijn niet vereist, maar als er iets misgaat en de afbeelding niet kan worden geladen, kunnen alle andere elementen van de pagina niet op hun plaats zijn, omdat de browser de afmetingen niet herkent die de beeld had moeten bezetten. Afmetingen worden gespecificeerd in "pixels" - dit is de belangrijkste maateenheid die wordt gebruikt in paginalay-out. - Het randattribuut stelt de breedte van de rand rond de afbeelding in (in pixels): als een afbeelding een link maakt, zal de browser tekenen standaard een blauwe rand eromheen. Om er vanaf te komen, moet je de grenswaarde op nul zetten: - Twee attributen bepalen de inspringing van de afbeelding van aangrenzende elementen (bijvoorbeeld van tekstregels) - hspace stelt de horizontale inspringing in (links en rechts), vspace - verticaal (onder en boven): - Dit zijn de meest gebruikte attributen, en er zijn er meer dan 50 voor deze tag!
