Daj efekty zdjęciom za pomocą HTML

HTML i CSS

Hyper Text Markup Language (HTML lub w języku hiszpańskim "język znaków hipertekstowych") jest popularnym językiem autorskim używanym przez twórców stron internetowych do tworzenia statycznych stron internetowych. Struktura strony internetowej jest ustalana za pomocą HTML. Chociaż jest dobry w tworzeniu szkieletu twojego projektu internetowego, nie jest tak dobry, aby używać go jako stylu lub efektów. W tym celu wykorzystuje się kaskadowe arkusze stylów (CSS) i uzupełnia je kodem HTML, umożliwia dodawanie elementów graficznych i stylów do strony internetowej. Na przykład, jeśli chcesz, aby tekst był pogrubiony we wszystkich nagłówkach każdej strony, możesz to zrobić za pomocą CSS

Nieprzezroczystość obrazu

Jednym z najczęstszych efektów graficznych jest krycie. Przezroczystość określa stopień przezroczystości obrazu znalezionego w witrynie. Jeśli chcesz umieścić obraz tła na swojej stronie internetowej i musisz zmniejszyć krycie, aby uzyskać bardziej przejrzysty efekt, możesz to zrobić za pomocą CSS. Umieść odpowiedni kod CSS w tagu HTML :

W tym przykładzie zdefiniowano krycie "50", zmniejszając w ten sposób widoczność obrazów strony o połowę.

Efekt "Mysz over"

Możesz uzyskać efekt krycia o jeden krok dalej i zmienić krycie zdjęcia, gdy kursor użytkownika przejdzie nad nim. To jest efekt "najeżdżania". Kod jest podobny do zwykłej zmiany krycia i jest również umieszczany wewnątrz znacznika HTML , To dobry efekt używania przycisków nawigacyjnych.

Możesz zobaczyć polecenia "onmouseout" i "onmouseover". Podczas ładowania strony ten kod zmniejsza krycie obrazu o% 50, gdy wskaźnik myszy nad nim wzrośnie do% 100, po przejściu kursów obraz zostanie ponownie zredukowany do% 50.

Float (float)

"Float" to kolejny prosty efekt HTML i CSS dla zdjęcia. "Pływak" określa, gdzie obraz pojawi się w tabeli, komórce lub dokumencie. Komenda "float" używa właściwości lewej, prawej i środkowej. Możesz użyć tego albo do umieszczenia obrazu w tekście, albo do utworzenia serii obrazów prawidłowo umieszczonych w galerii. Możesz zdefiniować to w tagu head HTML w następujący sposób:

W poprzednim przykładzie wskazano, że wszystkie elementy HTML z tagiem unoszą się w lewo w dokumencie.