Hoe Om Agtergrond In Html Te Maak

INHOUDSOPGAWE:

Hoe Om Agtergrond In Html Te Maak
Hoe Om Agtergrond In Html Te Maak

Video: Hoe Om Agtergrond In Html Te Maak

Video: Hoe Om Agtergrond In Html Te Maak
Video: HTML TUTORIAL VOOR BEGINNERS | 👉 Gratis HTML cursus om websites te maken (Nederlands) 2024, April
Anonim

'N Webblad met 'n agtergrond lyk mooier as daarsonder. Die korrekte vertoon van die webblad hang af van die bevoegde aksies om die agtergrond by te voeg.

Hoe om agtergrond in html te maak
Hoe om agtergrond in html te maak

Instruksies

Stap 1

Die maklikste manier om 'n agtergrond in 'n html-dokument te maak, is om die kenmerkwaarde toe te ken aan die body tag. 'N Gegewe waarde vir die agtergrondkenmerk sal die agtergrondprent op die bladsy bepaal. As u die waarde van die kenmerk bgcolor instel, kry die bladsy 'n agtergrondkleur. Die kleur in die bgkleur-attribuut van die lyfmerk kan in heksadesimaal of net in een woord gespesifiseer word.

Stap 2

U kan dieselfde effek bewerkstellig deur CSS-stylblaaie te gebruik. 'N Waarde vir die agtergrondkleurkenmerk definieer die agtergrondkleur op die bladsy, terwyl 'n waarde vir die agtergrondbeeldkenmerk die pad na die agtergrondfoto van die bladsy sal definieer. Hierdie instruksies kan aan die liggaamskeurder geskryf word. U kan dit anders doen: ken 'n klas of 'n identifiseerder toe aan die body tag in die html-tag, en ken die kenmerke hierbo onderskeidelik toe aan die class of identifier in css. Daar moet slegs in gedagte gehou word dat as die kenmerke aan 'n klas toegeken word, alle voorwerpe met die gespesifiseerde klas 'n agtergrondkleur in die html-dokument het.

Stap 3

Bogenoemde instruksies kan in die liggaam van die html-dokument self geskryf word. Om dit te doen, open die stylplaatjie in die diensafdeling tussen die kopplaatjies (oop en toe). Enige CSS-stellings kan tussen die opening en sluiting van 'n gegewe etiket geskryf word. Daar moet slegs in gedagte gehou word dat die bladsygewig in hierdie geval sal styg, wat die tyd wat dit neem om dit vir die eindgebruiker te laai, negatief kan beïnvloed. Daar moet ook op gelet word dat in die geval van 'n agtergrondafbeelding dit horisontaal, vertikaal of langs twee asse tegelyk kan herhaal. Die agtergrond-herhaal-kenmerk in CSS is hiervoor verantwoordelik. Die agtergrondfoto kan stewig vasgeplak word, ongeag die skuifbalk in die dokument. Om hierdie effek te bereik, moet u agtergrond-aanhangsel spesifiseer: vasgestel.

Stap 4

Die agtergrond van 'n html-dokument kan met behulp van programmeertale gedoen word. U kan HTML-instruksies met behulp van JavaScript skryf. Die document.write taalkonstruksie is hiervoor geskik. As dieselfde deur die DOM uitgedruk word, sal die document.body.style.backgroundColor = “rooi” stelling die agtergrond van die bladsy rooi maak. Dit is dieselfde as om die toepaslike eienskap direk in CSS te skryf.

Stap 5

Die vorige instruksies kan reg in die kode van 'n webblad geskryf word deur 'n paar skrip-etikette te skep tussen die aan- en afsluitkopmerkers. Al hierdie instruksies kan egter in 'n aparte lêer met die uitbreiding js geskryf word, wat vervolgens aan die bladsy gekoppel kan word.

Aanbeveel: