Ako urobiť pozadie v html

Ako urobiť pozadie v html

Pri konfigurácii ľubovoľného miesta, okrem funkčnosti, dizajn je veľmi dôležitý. Takto vlastný štýl a dizajn spoločnosti alebo osoby, pre ktorú je vytvorená stránka. Prispôsobte si farbu pozadia a jeho obraz nebude pracovať podľa pokynov v tomto článku.

1
Otvorte súbor HTML podľa notebooku alebo ktorýkoľvek iný textový editor, ku ktorému ste zvyknutí.

2
Užívajte napríklad primitívnu stránku s minimálnym textom. Súbor môžete otvoriť pomocou ľubovoľného prehliadača.

3
Ak chcete začať, zmeňte farbu vášho pozadia, pretože ľudia s pomalými internetovými pripojeniami nebudú okamžite vidieť obraz pozadia stránky. Určitý čas, kým sa obraz nenačíta, môžu vidieť iba farbu vašej stránky.
Zadajte \u003cBODY\u003e TAGE \u003cBODY\u003e Parameter BGCOLOR \u003d "*****", kde ***** je farebná šifrovaná šifrovaná. Môžete sa naučiť farby pre HTML v ľubovoľnom grafickom editore výberom "pre VEB" alebo na webe https://colorscheme.ru/color-Names.

4
To je dosť si môžete vybrať farbu v palete kruh a priradiť jeho intenzitu v rámci námestí. Na pravej strane uvidíte dva kódy pre HTML. Skopírovať a vložiť do poznámkového bloku.

5
Nájdenie farby a jeho vloženie do kódu zistiť, či ste urobili všetko správne, prezeranie výsledné webové stránky v prehliadači.

6
Teraz môžete pristúpiť k vloženiu obrázku na pozadí. Umiestnite požadovanú snímku v priečinku kódu pre väčšie pohodlie. Opýtajte sa ho, latinský názov písmená.

7
Teraz zistiť umiestnenie súboru kliknutím naň pravým tlačidlom myši zvolením "Otvoriť pomocou" reťazca a kliknutí na ľubovoľný webový prehliadač v počítači nainštalovaný.

8
Skopírovať adresu z vyhľadávacieho riadku prehliadača.

9
Teraz v značku \u003cbody\u003e, zadajte reťazec:

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

10
Uložte súbor.

11
Skontrolujte, či vaše webové stránky. Uvidíte, že pozadie je nahradený pod textom.

Upozorňujeme, že používatelia, ktorí majú väčšie rozlíšenie obrazovky, bude váš obrázok byť reprodukované nadol a doprava. Nebude to vyzerať dobre, ak je obraz nie je mono. Ak chcete tento parameter, sú k dispozícii špeciálne príkazy.

  • background-repeat.: “zmysel". Vaše možnosti hodnota môže byť: " rEPEAT-X " - Opakovanie obrázka na pozadí a horizontálne aj vertikálne. " rEPEAT-Y " - Opakovanie iba vo zvislom smere. " no-repeat " - Obraz je zamrznutý v mieste a neopakujú. " space " - Celá stránka bude naplnená maximálny počet kópií snímky, na extrémne vôle chváliť. " okrúhly " - rovnaká možnosť, ale na okrajoch obrazu bude starostlivo meradlo;
  • pozadie-Príloha: "Hodnota". Dosadíme Ak namiesto slova TEG význam " zvitok"Obraz sa bude posúvať spolu s webu. " fixné"- pri rolovaní pozadie zostáva nezmenená;
  • background-Size: value value2. Tu sú hodnoty musia mať sumu v pixeloch. Napríklad: 100px 200px. Okrem bodov, hodnoty sú prijímané v percentách. Ide o parameter naplniť stránku obrazu. Okrem čísel možno zadať dva parametre: " obsahovať"- plnia stránky s obrázkom po dlhej strane a" kryt."- plnia stránky s šírkou obrazu.

Poznať základy vyplnenie pozadie stránky v HTML sú pripravení vytvoriť svoj prvý web.

Pridať komentár

Váš e-mail nebude zverejnený. Povinné polia sú označené *

zavrieť