Jak Vyplnit Pozadí V Html

Obsah:

Jak Vyplnit Pozadí V Html
Jak Vyplnit Pozadí V Html

Video: Jak Vyplnit Pozadí V Html

Video: Jak Vyplnit Pozadí V Html
Video: HTML How To Make Background Image Fit Screen 2024, Smět
Anonim

Značkovací jazyk HTML vám umožňuje vytvořit pozadí stránky plnou barvou jakékoli barvy a také na ni umisťovat obrázky. To umožňuje získat text, například proti textuře krajiny nebo papíru.

Jak vyplnit pozadí v html
Jak vyplnit pozadí v html

Instrukce

Krok 1

Při výběru barvy pozadí nebo obrázku, který na něj umístíte, se řiďte především čitelností textu. Pozadí by mělo být kontrastní, jinými slovy, postavy by na něm měly jasně vyniknout. Pokud se rozhodnete vytvořit pozadí grafiky, ujistěte se, že jste autorem obrázku nebo máte právo jej použít na základě smlouvy (například bezplatné licence).

Krok 2

Najděte značku ve zdrojovém kódu HTML stránky. Aby bylo pozadí plné a barevné, přidejte proměnnou bkcolor s argumentem jako barevný kód. Poté bude konstrukce vypadat takto: <body bkcolor = rrggbb: gt;, kde rr, gg a bb jsou hexadecimální čísla v rozsahu od 00 do FF. První z nich nastavuje intenzitu červené složky, druhá - zelená a třetí - modrá.

Krok 3

Pokud chcete obrázek umístit na pozadí, nejprve zmenšete jeho velikost tak, aby měl horizontální i vertikální rozlišení menší než 320 včetně. Uložte jej jako nový soubor, abyste nepokazili originál. Použijte prosím formát JPG,.png

Krok 4

Pomocí webového rozhraní nebo softwarového klienta FTP umístěte obrazový soubor do složky serveru, kde je umístěn soubor HTML, který upravujete.

Krok 5

Namísto proměnné bkcolor přidejte proměnnou pozadí do značky s argumentem jako názvem souboru obrázku. Nyní to bude vypadat takto: kde fon

Krok 6

Nahrajte aktualizovaný soubor HTML na server. Otevřete jej v prohlížeči. Zkontrolujte, zda je pozadí zobrazeno správně. Pokud je na něm obrázek, bude se opakovat vodorovně i svisle a vyplní tak veškerý prostor na stránce. Zkontrolujte, jak dobře se text na novém pozadí čte v různých prohlížečích. V případě potřeby použijte jiný barevný nebo grafický soubor.

Doporučuje: