Hoe De Achtergrond In Html In Te Vullen

Inhoudsopgave:

Hoe De Achtergrond In Html In Te Vullen
Hoe De Achtergrond In Html In Te Vullen

Video: Hoe De Achtergrond In Html In Te Vullen

Video: Hoe De Achtergrond In Html In Te Vullen
Video: Full Screen Background Image in Html and Css | Web Zone 2024, Mei
Anonim

Met de HTML-opmaaktaal kunt u de achtergrond van de pagina een effen kleur van elke kleur geven en er afbeeldingen op plaatsen. Dit maakt het mogelijk om tekst bijvoorbeeld tegen een landschap of papiertextuur te krijgen.

Hoe de achtergrond in html in te vullen
Hoe de achtergrond in html in te vullen

instructies:

Stap 1

Wanneer u een achtergrondkleur of afbeelding kiest om erop te plaatsen, laat u dan vooral leiden door de leesbaarheid van de tekst. De achtergrond moet contrasterend zijn, met andere woorden, de karakters moeten er duidelijk op opvallen. Als u besluit om de achtergrondafbeelding te maken, zorg er dan voor dat u de auteur van de afbeelding bent of het recht hebt om deze te gebruiken op basis van een contract (bijvoorbeeld een gratis licentie).

Stap 2

Zoek de tag in de HTML-bron van de pagina. Om de achtergrond effen en gekleurd te maken, voegt u de bkcolor-variabele toe met een argument als kleurcode. Daarna ziet de constructie er als volgt uit: <body bkcolor = rrggbb: gt;, waarbij rr, gg en bb hexadecimale getallen zijn in het bereik van 00 tot FF. De eerste stelt de intensiteit van de rode component in, de tweede - op de groene en de derde - op de blauwe.

Stap 3

Als u een afbeelding op de achtergrond wilt plaatsen, verklein dan eerst de grootte zodat deze zowel horizontale als verticale resoluties heeft van minder dan 320 inclusief. Sla het op als een nieuw bestand om te voorkomen dat het origineel bederft. Gebruik het JPG-, PNG- of GIF-formaat. Zorg ervoor dat het bestand kleiner is dan 100 kilobytes - dit zal sneller downloaden. Houd er rekening mee dat mobiele browsers in plaats daarvan nog steeds een effen achtergrond kunnen weergeven.

Stap 4

Gebruik de webinterface of een software FTP-client om het afbeeldingsbestand in de servermap te plaatsen waar het HTML-bestand dat u aan het bewerken bent, zich bevindt.

Stap 5

Voeg in plaats van de bkcolor-variabele de achtergrondvariabele toe aan de tag met een argument als de naam van het afbeeldingsbestand. Nu ziet het er zo uit: waarbij fon

Stap 6

Upload het bijgewerkte HTML-bestand naar de server. Open het in een browser. Zorg ervoor dat de achtergrond correct wordt weergegeven. Als er een afbeelding op staat, wordt deze zowel horizontaal als verticaal herhaald en wordt alle ruimte op de pagina gevuld. Controleer hoe goed de tekst op de nieuwe achtergrond leest in verschillende browsers. Gebruik indien nodig een ander kleur- of grafisch bestand.

Aanbevolen: