Давайте ефектите на снимките с HTML

HTML и CSS

Хипер текстови език за маркиране (HTML или на испански език на хипертекстовите знаци) е общ език на авторите, използван от уеб разработчиците за създаване на статични уеб сайтове. Структурата на уеб страницата се създава с HTML. Въпреки че е добре да създадете скелета на уеб проекта си, не е толкова добре да го използвате като стил или за ефекти. За тази цел се използват каскадни стилови листове (CSS) и се допълват с вашия HTML, той ви позволява да добавяте графични елементи и стилове към вашата уеб страница. Например, ако искате текстът да се появява с удебелен шрифт във всички заглавия на всяка страница, можете да го направите с CSS

Непрозрачност на изображението

Един от най-често срещаните графични ефекти е непрозрачността. Непрозрачността определя степента на прозрачност на изображение, намиращо се на сайта. Ако искате да поставите фоново изображение на уеб страницата си и трябва да намалите непрозрачността, за да създадете по-прозрачен ефект, можете да го направите с CSS. Поставете съответния CSS код в HTML маркера :

В този пример се определя непрозрачността при "50", което намалява видимостта на изображенията на уеб страниците наполовина.

Действие "с мишката"

Можете да постигнете ефект на непрозрачност още една крачка и да промените непрозрачността на снимка, когато курсорът на потребителя го премине. Това е ефект на "мишката над". Кодът е подобен на обикновена промяна на непрозрачността и също така е поставен в HTML кода , Това е добър ефект от използването на бутоните за навигация.

Можете да видите командите "onmouseout" и "onmouseover". Когато зареждате страницата, този код намалява непрозрачността на изображението с% 50, когато преминете курсора върху него, той се увеличава до% 100, когато го направите, изображението отново се редуцира до% 50.

Поплавък (плувка)

"Float" е друг прост HTML и CSS ефект за снимка. "Поплавъкът" определя къде изображението ще се появи в таблица, клетка или документ. Командата "float" използва свойствата на ляво, дясно и централно. Можете да използвате това, за да поставите изображение в текста или да създадете серия от изображения, правилно поставени в галерията. Можете да дефинирате това в HTML главния маркер, както следва:

В предишния пример беше посочено, че всички HTML елементи с маркера плъзнете наляво в документа.