Sådan tilføjes en baggrund til en hjemmeside

Baggrunden er et af de mest afgørende elementer på en hjemmeside. En god baggrund skaber tonen til hjemmesiden og supplerer indholdet. Der er mange forskellige måder at tilføje en baggrund på hver måde med et andet formål. Nogle metoder giver dig mulighed for at anvende baggrunden for alle sider på et websted, mens andre begrænser baggrunden for kun en bestemt side. Denne artikel lærer dig, hvordan du tilføjer en baggrund til dit websted ved hjælp af HTML- eller CSS.

Trin

Metode 1 af 2:
HTML-metoder

Solid farvet baggrund

  1. Billedet med titlen Tilføj en baggrund til et websted trin 1
1. En solid farvet baggrund er den mest grundlæggende type baggrund, som du kan sætte på en hjemmeside. Faktisk begynder hver hjemmeside med en standard hvid baggrund. Men mens en hvid baggrund kan være meget slank og rense, når man bruges med et harmonisk farveskema, kan en anden farvet baggrund favoriseres med forskellige temaer.
  • Billedet med titlen Tilføj en baggrund til et websted trin 2
    2. Åbn din webkode (kilde).
  • Billedet med titlen Tilføj en baggrund til et websted Trin 3
    3. I kroppen tag, tilføj en attribut kaldet BGColor. Nu skal du kropsmærke se sådan ud-
    hvor Colorname er navnet på farven. Colorname kan fyldes med mange typer af farve repræsentanter-
  • (farve navn)
  • (hex værdi)
  • (RGB-værdi)
  • Billedet med titlen Tilføj en baggrund til et websted trin 4
    4. Eksperimentering med RGB og # kan føre til mange nuancer, men du kan tage den nemme første måde. Men husk at skrive en usædvanlig farve som "Ultramarine Bluish Green" vil resultere i hvid.
  • Tilføjelse af et baggrundsbillede

    • Tilføjelse af et baggrundsbillede er lidt mere kompliceret end en solid farvet baggrund.
    1. Billedet med titlen Tilføj en baggrund til et websted trin 5
      1. Tilføj baggrunden ejendom til kroppen tag, så det ser ud som dette-

      Hvor SRC er kilden til billedet SRC, kan være i samme mappe, eller en anden mappe / webside.
    2. (i samme mappe)
    3. (inde i en anden mappe)
    4. (i en anden webside)
    5. Billedet med titlen Tilføj en baggrund til et websted trin 6
      2. Husk at skrive .jpg / .JPEG /.jpg Extension.
    Metode 2 af 2:
    CSS-metoder
    Billedet med titlen Tilføj en baggrund til et websted trin 6

    Solid farvet baggrund

    1. Billede med titlen Tilføj en baggrund til et websted trin 7
      1. For at tilføje en solid farvet baggrund i CSS, tilføj en stilattribut. Du kan også giveID`er og klasser og brug både eksterne og interne stylesheets.
    2. Billedet med titlen Tilføj en baggrund til et websted trin 8
      2. Din kropsmærke skal se sådan ud-

    3. Hvor Colornameis navnet på farven, hex-værdien eller RGB (også husker de sidste trin i den solide farvede baggrund i HTML, er de også gældende her) .

    Tilføjelse af et billede

    1. Billedet med titlen Tilføj en baggrund til et websted trin 9
      1. For at tilføje et billede, tilføj stilattributten til kroppen tag. Du kan også give ID`er og klasser og brug både eksterne og interne stylesheets.
    2. Billede med titlen Tilføj en baggrund til et websted trin 10
      2. Din krops tag skal nu se sådan ud-
    3. Billede med titlen Tilføj en baggrund til et websted trin 11
      3. Husk at SRC er kilden. Det kan være fra samme mappe, anden mappe eller en anden webside.
    4. (i samme mappe)
    5. (inde i en anden mappe)
    6. (i en anden webside).
    7. Billedet med titlen Tilføj en baggrund til et websted trin 12
      4. Husk at tilføje .Udvidelser også.

    Gentagende mønstret baggrund

    1. Billede med titlen Tilføj en baggrund til et websted trin 13
      1. For at lave et gentaget mønster baggrund, tilføj en baggrund som sagt i trinene ovenfor. Din krops tag skal nu ændres til-
      Hvor gentagelsesindstillinger er indstillingerne. Der kan være mange gentagelsesindstillinger, som-
    2. (Baggrunden gentager både lodret og vandret.)
    3. (Baggrunden gentager vandret.)
    4. (Baggrunden gentager lodret.)

    Fast billede baggrunden

    1. Billedet med titlen Tilføj en baggrund til et websted trin 14
      1. Fast billed baggrunde ser cool ud og ikke ændres, når du ruller ned. For at gøre dem skal du bare lave nogle enkle tweaks til koden i ovenstående afsnit. Gør tweaks for at få kroppen mærket til at se sådan ud-

    2. Hvor SRC er kilden til baggrundsbilledet, er positionen på billedets position (det kan variere fra midten til top-højre) - Baggrundsophæftet fil er den vigtigste "katalysator"af denne baggrundstype. Det bruges til at fortælle baggrundens position, og det anbefales, at det ikke bør ændres.

    Tips

    Læs hele artiklen: Sektionen, der er udeladt, kan have nogle vigtige tips (da denne artikels sektioner er i forbindelse med hinanden og skriftligt forudsat at sektionerne alle læses).

    Advarsler

    Begge HTML-metoderne afskrives og fungerer måske ikke i HTML 4.01 strenge såvel som xhtml strenge.
    Del på sociale netværk :
    Lignende