Hur man gör en bakgrund i html

Hur man gör en bakgrund i html

I konfigurera en webbplats, förutom funktionaliteten är mycket viktigt designen. Detta är hur egen stil och design av ett företag eller en person, för vilka området skapas. Skräddarsy bakgrundsfärg och dess image kommer inte att vara arbetskraft, att följa instruktionerna i den här artikeln.

1
Öppna HTML-fil genom bärbara dator eller någon annan textredigerare som du är van vid.

2
Ta till exempel en primitiv webbplats sida med ett minimum av text. Du kan öppna din fil med alla webbläsare.

3
Till att börja med, ändra färgen på din bakgrund, eftersom människor med långsamma Internet-anslutningar inte kommer omedelbart att kunna se bakgrundsbilden på webbplatsen. En viss tid tills bilden är laddad, kan de bara se färgen på din webbplats.
Ange \u003cbody\u003e Tag \u003cbody\u003e parameter bgcolor \u003d "*****", där ***** är en färg chiffer. Du kan lära dig färger för HTML i någon grafisk editor genom att välja alternativet "för VEB" eller på webbplatsen https://colorscheme.ru/color-names.

4
Det är nog för dig att välja en färg på paletten cirkeln och tilldela dess intensitet inom ramen för torget. Till höger ser du två koder för HTML. Kopiera dem och infoga dem i den bärbara datorn.

5
Att hitta färg och sätta den i koden, se om du gjorde allt rätt, visa den resulterande webbsida från webbläsaren.

6
Nu kan du gå vidare till införandet av bakgrundsbilden. Placera önskad bild i koden mapp för ökad bekvämlighet. Fråga honom namnet latinska bokstäver.

7
Nu reda på platsen för filen genom att klicka på den med höger musknapp genom att välja "Öppna med" sträng och klicka på alla webbläsare installerad på din dator.

8
Kopiera adressen från webbläsarens sökfältet.

9
Nu i \u003cbody\u003e taggen anger strängen:

  • style \u003d "Bakgrund-image: URL ( 'Fil: /// C: /Ussers/pail_File.jpg')"

10
Spara filen.

11
Kontrollera din webbsida. Du kommer att se att bakgrunden ersätts i din text.

Observera att användare som har större skärmupplösning, din bild dupliceras och höger. Det kommer inte att se bra ut, om bilden inte är en monofonisk. För att korrigera den här parametern finns det speciella kommandon.

  • bakgrundsrepetition.: “Menande". Dina värdealternativ kan vara: " upprepa-x " - Upprepar din bakgrundsbild och horisontellt och vertikalt. " upprepa-y " - Upprepning endast vertikalt. " no-repeat " - Bilden är frusen på plats och upprepas inte. " plats " - Hela sidan fylls med det maximala antalet kopior av bilden, den extrema kommer att skryta. " runda " - samma alternativ, men i kanterna av bilden kommer att skalas noggrant;
  • bakgrundsfäste: "Värde". Om vi \u200b\u200bersätter istället för ordet TEG betyder " skrolla"Bilden bläddra tillsammans med webbplatsen. " fast"- När du bläddrar är bakgrunden oförändrad;
  • bakgrundsstorlek: Värde Värde2. Här måste värdena ta mängden i pixlar. Till exempel: 100px 200px. Förutom pixlar accepteras värdena i procent. Detta är parametern för att fylla sidan av bilden. Förutom siffror kan du ange två parametrar: " innehålla"- Fyll på sidan med bilden längs den långa sidan och" omslag."- Fyll på sidan med en breddbild.

Att veta grunderna för att fylla på sidan Bakgrund i HTML är redo att skapa din första webbplats.

Lägg till en kommentar

Din e-post kommer inte att publiceras. Obligatoriska fält är markerade *

stänga