Dejte snímky do HTML

HTML a CSS

Hypertextový značkovací jazyk (HTML nebo ve španělštině "jazyk hypertextových značek") je běžný autorský jazyk používaný webovými vývojáři k vytváření statických webových stránek. Struktura webové stránky je vytvořena pomocí HTML. I když je to dobré při vytváření kostry vašeho webového projektu, není to tak dobré, když ho používáte jako styl nebo pro efekty. Pro tento účel se používají kaskádové styly (CSS) a doplňují je vaše HTML, umožňuje vám přidávat na webovou stránku grafické prvky a styly. Například pokud chcete, aby text byl označen tučným písmem ve všech záhlaví každé stránky, můžete to udělat pomocí CSS

Neprůhlednost obrazu

Jedním z nejběžnějších grafických efektů je neprůhlednost. Neprůhlednost určuje stupeň průhlednosti obrazu nalezeného na webu. Chcete-li na webovou stránku umístit obrázek na pozadí a potřebujete snížit neprůhlednost pro vytvoření transparentnějšího efektu, můžete to udělat pomocí CSS. Umístěte odpovídající kód CSS do značky HTML :

V tomto příkladu byla definována opacita u "50", čímž se snížila viditelnost obrazů webových stránek o polovinu.

Účinek "myši"

Efekt opacity můžete dosáhnout o krok dále a změnit změnu opacity fotografie, když kurzor uživatele překročí. Jedná se o efekt "myši". Kód je podobný jednoduché změně opacity a je také umístěn uvnitř tagu HTML , To je dobrý efekt používání navigačních tlačítek.

Můžete vidět příkazy "onmouseout" a "onmouseover". Při načítání stránky tento kód snižuje neprůhlednost obrazu o% 50, když přesunete kurzor nad ním, zvyšuje se na% 100, při pořizování kurzů se snímek znovu sníží na% 50.

Float (float)

"Float" je další jednoduchý efekt HTML a CSS pro fotografii. "Float" definuje, kde se obraz objeví uvnitř tabulky, buňky nebo dokumentu. Příkaz "float" používá vlastnosti levé, pravé a středové. Tuto funkci můžete použít buď k vložení obrázku do textu nebo k vytvoření řady obrázků správně umístěných v galerii. Tuto značku můžete definovat v hlavičce HTML:

V předchozím příkladu bylo uvedeno, že všechny prvky HTML se značkou plavat vlevo v dokumentu.