Hoe achtergrond aan webpagina toe te voegen

De achtergrond is een van de belangrijkste elementen van de website. Een goede achtergrond creëert een bepaalde stemming, charme van de site en vult zijn inhoud aan. Er zijn veel verschillende manieren om achtergrond toe te voegen. Met sommige methoden kunt u de achtergrond toepassen voor alle sitepagina`s, terwijl anderen de achtergrond alleen aan een specifieke pagina toevoegen. Dit artikel leert u hoe u een achtergrond aan uw site toevoegt met behulp van HTML of CSS.

Stappen

Methode 1 van 2:
HTML gebruiken

Monolorale achtergrond

  1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 1
een. Monochrome achtergrond - het meest basale type achtergronden dat op de website kan worden gezet. In feite wordt elke website op een witte achtergrond gemaakt. Hoewel de witte achtergrond zeer aangenaam kan zijn in uiterlijk en niet irritant, geven sommige de voorkeur aan kleurenachtergrond met verschillende thema`s en tekeningen.
  • Titel afbeelding Voeg een achtergrond toe aan een website Stap 2
    2. Open de bronpagina (bron).
  • Titel afbeelding Voeg een achtergrond toe aan een website Stap 3
    3. Schrijf in de tekstcode BGCOLOR. Nu ziet de tekst eruit - Voer in het veld Veldnaam (ColorName) de naam van de kleur in het Engels in. Bijvoorbeeld -
  • (Kleur)
  • (Kamer)
  • (RGB-waarde)
  • Titel afbeelding Voeg een achtergrond toe aan een website Stap 4
    4. Experimenteer met de RGB-waarde en u zult veel verschillende tinten hebben. Vergeet niet dat de kleuren correct en in het Engels moeten worden ingevoerd.

    • Afbeelding als achtergrond

    • Voeg een afbeelding toe als achtergrond ingewikkelder dan een kleur achtergrond.
    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 5
      een. Voeg een dergelijke waarde toe aan de code -, waar SRC het bronbestand is of een link naar de locatie van de afbeelding.
    2. (in dezelfde map)
    3. (in een andere map)
    4. (op internet)
    5. Titel afbeelding Voeg een achtergrond toe aan een website Stap 6
      2. Vergeet niet dat u afbeeldingen in het formaat wilt invoeren .jpg / .JPEG /.jpg.
    Methode 2 van 2:
    Het gebruik van CSS
    Titel afbeelding Voeg een achtergrond toe aan een website Stap 6

    Monolorale achtergrond

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 7
      een. Voeg een attribuut toe aan de stijl om een ​​achtergrond met een enkele kleuren aan te voegen in CSS. U kunt ook ID en klasse toewijzen en zowel externe als interne voorbeelden van stijlen gebruiken.
    2. Titel afbeelding Voeg een achtergrond toe aan een website Stap 8
      2. De codecode moet eruit zien -

    3. , waar ColorName de naam is van de kleur, het aantal of de RGB .

    Een afbeelding toevoegen

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 9
      een. Als u een afbeelding wilt toevoegen, voegt u een stijlattribuut toe aan de broncode.U kunt ID en klassen toewijzen, en zowel extern gebruiken, zoals interne voorbeelden van stijlen.
    2. Titel afbeelding Voeg een achtergrond toe aan een website Stap 10
      2. De code zou eruit moeten zien -

    4. Titel afbeelding Voeg een achtergrond toe aan een website Stap 11
      3. Vergeet niet dat SRC de originele beeldlocatie is. Bijvoorbeeld een map of link.
    5. (in dezelfde map)
    6. (in een andere map)
    7. (Link naar de pagina op internet).
    8. Titel afbeelding Voeg een achtergrond toe aan een website Stap 12
      4. Vergeet niet dat u de bestandsnaam en uitbreiding moet opgeven.

    Herhaal de achtergrondafbeeldingen meerdere keren

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 13
      een. Als u een achtergrond wilt maken met een herhaling van één afbeelding of patroon, wijzigt u de code op - URL (`SRC`) - Achtergrond-Herhaal: herhaalinstellingen- "> Waar herhaalinstellingen de instellingen voor beeldherhaling is.Bijvoorbeeld-
    2. (Herhaald beeld horizontaal en verticaal.)
    3. (Herhaald beeld horizontaal.)
    4. (Herhaal afbeelding verticaal.)

    Een afbeelding die niet scrolt

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 14
      een. Een afbeelding die niet scrolt wanneer u de onderste of bovenkant van de site bekijkt. Hier is de code -

    2. , Waar SRC de oorspronkelijke map is met de afbeelding, is de positie een beeldpositie (bijvoorbeeld Centre, Top, Bottom) - Achtergrond - Achtergrondtype.

    Tips

    • Lees het volledige artikel.

    Waarschuwingen

    • In HTML 4.01 in xhtml Deze methode werkt mogelijk niet.
    Deel in het sociale netwerk:
    Vergelijkbaar