Sådan tilføjes en baggrund til et websted

Baggrunden er et af de mest afgørende elementer på en hjemmeside. En god baggrund angiver tonen til webstedet og supplerer indholdet af det. Der er flere forskellige måder at tilføje en baggrund på, hver metode 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 til kun bestemte sider. Denne artikel vil lære dig, hvordan du tilføjer en baggrund til dit websted ved hjælp af HTML eller CSS.

trin

Metode 1
HTML

Solid Farve Baggrundsplaner

  • En solid farve baggrund er den mest grundlæggende form for baggrund, som du kan indsætte i en hjemmeside. Faktisk starter hvert websted med en standard baggrund i hvid farve. Men mens en hvid baggrund kan være stilfuld og ren, når det bruges med en harmonisk farvesammensætning, kan en baggrund med en anden farve være gunstig med andre temaer.
  1. 1

    Video: Sådan downloader du bestillingssoftwaren | Min CEWE FOTOBOG - Mit liv

    Åbn din webkode (kildekode).
  2. 2
    I legemærket skal du tilføje en egenskab, der hedder bgcolor. Dit kropsnummer skal nu se sådan ud:



    hvor NOMEDACOREMINGLÊS er navnet på farven. NOMEDACOREMINGLÊS kan fyldes med forskellige typer farvepræsentationer.

    • (navn på farve, hvor rød betyder rød)
    • (hexadecimal værdi)
    • (RGB-værdi)
  3. 3
    Eksperimentering med RGB og # kan tilføje mange nuancer, men du kan vælge den første form, hvilket er enklere. Men husk at skrive en usædvanlig farve som "Ultramarine Bluish Green", da det vil resultere i hvidt.

Tilføjelse af et billede som baggrund

  • Tilføjelse af et billede som baggrund er lidt mere kompliceret end at tilføje en solid farve.
  1. 1
    Tilføj baggrundsegenskaben til kropstegnet, så det ser ud som dette eksempel:



    hvor FNT er kilden, hvor FNT-billedet kan findes, enten i samme mappe eller en anden, eller endda på en anden side.
    • (i samme mappe)
    • (inden for en anden mappe)
    • (på en anden side)
  2. 2
    Husk at indtaste billedfiludvidelsen: .jpg, .jpeg, .jpg, osv.

Metode 2
CSS

Solid Farve Baggrund

  1. 1
    For at tilføje en solid farve som baggrund i CSS skal du tilføje en stilattribut. Du kan også give ID`er og klasser og bruge både interne og eksterne stilark.
  2. 2


    Dit kropstegn skal se ud som eksemplet:


    • NOMEDACOR hvor er farven navn på engelsk, hexadecimal værdi, eller RGB (Husk også, at de sidste trin baggrund med ensfarvet i HTML gælder også her).

Tilføjelse af et billede

  1. 1
    For at tilføje et billede skal du tilføje stilattributten til kropstagget. Du kan også give ID`er og klasser og bruge både interne og eksterne stilark.
  2. Video: Types of People in Horror Movies

    2
    Dit kropstegn skal se ud som dette:

  3. 3
    Husk at FNT er kilden. Dette kan være fra samme mappe, en anden mappe eller endda en anden side eller et websted.
    • (i samme mappe)
    • (i en anden mappe)
    • (på en anden side).
  4. 4
    Husk at tilføje tilføjelserne også.

Gentagende mønster baggrund

  1. 1
    For at oprette et gentaget baggrundsmønster skal du tilføje en baggrund som beskrevet i trinene ovenfor. Dit kropsnummer vil se sådan ud:

    Hvor REPEAT-SETTINGS er indstillingerne. Der kan være flere gentagne indstillinger, såsom:
    • (Baggrunden gentages i både vandret og lodret.)
    • (Baggrunden gentages vandret.)
    • (Baggrunden gentages vertikalt.)

Fast billede baggrund

  1. 1
    Baggrund med stillbilleder ser cool ud og ændres ikke, mens du ruller op eller ned på siden med rullepanelet. For at gøre dem skal du blot lave nogle få enkle justeringer af sektionskoden ovenfor. Gør justeringerne for at få dit kropstegn se sådan ud:


    • hvor FNT er baggrunden for baggrundsbilledet, er POSITION billedets position (kan variere fra center / center til øverst til højre / øverst til højre) - baggrundsvedhæftning er den vigtigste "katalysator" af denne baggrundstype . Det bruges til at angive baggrundens placering, og det anbefales ikke at ændre det.

tips

  • Læs hele artiklen: Det afsnit, der efterlades, kan indeholde vigtige tips (da afsnit i denne artikel er knyttet til hinanden og skrevet på en måde, som de foregående afsnit antages at have været læst).

advarsler

  • Begge HTML-metoder fjernes og fungerer muligvis ikke i HTML 4.01 og i XHTML.
Del på sociale netværk:

Relaterede
© 2024 HodTari.com