Hoe een achtergrond toe te voegen aan een website

De achtergrond is een van de meest cruciale elementen van een website. Een goede achtergrond maakt de toon voor de website en vult de inhoud aan. Er zijn veel verschillende manieren om een ​​achtergrond toe te voegen, elke manier met een ander doel. Met sommige methoden kunt u de achtergrond op alle pagina`s op een website toepassen, terwijl anderen de achtergrond op slechts een bepaalde pagina beperken. Dit artikel leert u hoe u een achtergrond aan uw website toevoegt met behulp van HTML of CSS.

Stappen

Methode 1 van 2:
HTML-methoden

Vaste gekleurde achtergrond

  1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 1
1. Een solide gekleurde achtergrond is het meest basale type achtergrond dat u op een website kunt plaatsen. In feite begint elke website met een standaard witte achtergrond. Hoewel een witte achtergrond zeer slank en schoon kan zijn, kijkend wanneer gebruikt met een harmonieus kleurenschema, kan een andere gekleurde achtergrond worden geleverd met verschillende thema`s.
  • Titel afbeelding Voeg een achtergrond toe aan een website Stap 2
    2. Open uw webcode (bron).
  • Titel afbeelding Voeg een achtergrond toe aan een website Stap 3
    3. Voeg in het lichaamstag een kenmerk genaamd BGCOLOR toe. Nu moet je lichaam tag er zo uitzien-
    waar ColorName de naam is van de kleur. ColorName kan worden gevuld met veel soorten kleurenvertegenwoordigers-
  • (Kleurnaam)
  • (HEX-waarde)
  • (RGB-waarde)
  • Titel afbeelding Voeg een achtergrond toe aan een website Stap 4
    4. Experimenteren met RGB en # kan tot veel tinten leiden, maar u kunt de gemakkelijke eerste manier nemen. Maar vergeet niet dat het typen van een ongewone kleur als "Ultramarijn blauwachtig groen" zal resulteren in wit.
  • Een achtergrondafbeelding toevoegen

    • Het toevoegen van een achtergrondafbeelding is iets ingewikkelder dan een solide gekleurde achtergrond.
    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 5
      1. Voeg de achtergrond eigendom toe aan het lichaamstag, dus het ziet er zo uit-

      Waar SRC de bron is van het beeld, kan SRC in dezelfde map zijn, of een andere map / webpagina.
    2. (in dezelfde map)
    3. (in een andere map)
    4. (in een andere webpagina)
    5. Titel afbeelding Voeg een achtergrond toe aan een website Stap 6
      2. Vergeet niet om de .jpg / .JPEG /.jpg-extensie.
    Methode 2 van 2:
    CSS-methoden
    Titel afbeelding Voeg een achtergrond toe aan een website Stap 6

    Vaste gekleurde achtergrond

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 7
      1. Voeg een stijlattribuut toe om een ​​vaste gekleurde achtergrond in CSS toe te voegen. Je kunt ook gevenID`s en klassen en gebruik zowel externe als interne stylesheets.
    2. Titel afbeelding Voeg een achtergrond toe aan een website Stap 8
      2. Je lichaamstag moet er als volgt uitzien-

    3. Waar de ColorNameis de naam van de kleur, de HEX-waarde of RGB (ook de laatste stappen van de vaste gekleurde achtergrond in HTML herinnert, zijn de hier ook van toepassing .

    Een afbeelding toevoegen

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 9
      1. Voeg het stijlattribuut toe aan het lichaamstag om een ​​afbeelding toe te voegen. Je kunt ook geven ID`s en klassen en gebruik zowel externe als interne stylesheets.
    2. Titel afbeelding Voeg een achtergrond toe aan een website Stap 10
      2. Je lichaamstag moet nu er zo uitzien-
    3. Titel afbeelding Voeg een achtergrond toe aan een website Stap 11
      3. Vergeet niet dat SRC de bron is. Het kan uit dezelfde map, verschillende map of een andere webpagina zijn.
    4. (in dezelfde map)
    5. (in een andere map)
    6. (op een andere webpagina).
    7. Titel afbeelding Voeg een achtergrond toe aan een website Stap 12
      4. Vergeet niet om de .Extensions ook.

    Herhalende patroon achtergrond

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 13
      1. Een herhaalde patroonachtergrond maken, voeg een achtergrond toe zoals gezegd in de bovenstaande stappen. Je lichaamstag moet nu worden veranderd in-
      Waar herhalingsinstellingen de instellingen zijn. Er kunnen veel herhalingsinstellingen zijn, zoals-
    2. (De achtergrond zal zowel verticaal als horizontaal herhalen.)
    3. (De achtergrond zal horizontaal herhalen.)
    4. (De achtergrond zal verticaal herhalen.)

    Fixed Image Achtergrond

    1. Titel afbeelding Voeg een achtergrond toe aan een website Stap 14
      1. Vaste beeldachtergronden zien er cool uit en veranderen niet terwijl je naar beneden scrollt. Om ze te doen, moet je gewoon een aantal eenvoudige aanpassingen doen in de code in het bovenstaande gedeelte. Doe de tweaks om het lichaam-tag er zo te laten uitzien-

    2. Waar SRC de bron van de achtergrondafbeelding is, is de positie de positie van de afbeelding (het kan variëren van midden naar boven rechts) - Achtergrond-bijlage is de belangrijkste "katalysator"van dit achtergrondtype. Het wordt gebruikt om de positie van de achtergrond te vertellen en het wordt aanbevolen dat het niet mag worden gewijzigd.

    Tips

    Lees het volledige artikel: het gedeelte van de sectie kan enkele belangrijke tips hebben (omdat de secties van dit artikel met verwijzing naar elkaar zijn en geschreven dat de secties allemaal worden gelezen).

    Waarschuwingen

    Zowel de HTML-methoden worden afgeschreven en werken mogelijk niet in HTML 4.01 Zowel strikt als xhtml streng.
    Deel in het sociale netwerk:
    Vergelijkbaar