Efectuați fotografiile cu HTML

HTML și CSS

Hyper Text Markup Language (HTML sau în limba spaniolă a "limbajelor de hipertext") este o limbă de autor comună folosită de dezvoltatorii web pentru a crea site-uri web statice. Structura unei pagini web este stabilită cu HTML. Deși este bine să creați scheletul proiectului dvs. web, nu este atât de bine să îl folosiți ca un stil sau pentru efecte. Pentru aceasta, foile de stil cascadă (CSS) sunt utilizate și completate cu codul HTML, vă permite să adăugați elemente și stiluri grafice la pagina dvs. web. De exemplu, dacă doriți ca textul să apară cu caractere aldine în toate titlurile fiecărei pagini, puteți să o faceți cu ajutorul CSS

Opacitatea imaginii

Unul dintre cele mai comune efecte grafice este opacitatea. Opacitatea determină gradul de transparență al unei imagini găsite pe site. Dacă doriți să puneți o imagine de fundal pe pagina dvs. web și trebuie să reduceți opacitatea pentru a crea un efect mai transparent, puteți să o faceți cu CSS. Plasați codul CSS corespunzător în eticheta HTML :

În acest exemplu, a fost definită opacitatea la "50", reducând astfel vizibilitatea imaginilor paginii web la jumătate.

Efectul "mouse over"

Puteți avea efectul de opacitate cu un pas mai departe și puteți schimba opacitatea unei fotografii atunci când cursorul utilizatorului trece peste ea. Acesta este un efect "mouse-over". Codul este similar cu o modificare simplă a opacității și este, de asemenea, plasat în interiorul etichetei HTML . Acesta este un efect bun al folosirii butoanelor de navigare.

Puteți vedea comenzile "onmouseout" și "onmouseover". Când încărcați pagina, acest cod reduce opacitatea imaginii cu% 50, când treceți cursorul peste ea crescând la% 100, atunci când faceți cursurile, imaginea este redusă din nou la% 50.

Float (float)

"Float" este un alt efect simplu HTML și CSS pentru o fotografie. "Float" definește unde va apărea o imagine într-un tabel, celulă sau document. Comanda "float" utilizează proprietățile stânga, dreapta și centru. Puteți folosi aceasta, fie pentru a plasa o imagine în interiorul textului, fie pentru a crea o serie de imagini corect plasate într-o galerie. Puteți defini acest lucru în eticheta capului HTML după cum urmează:

În exemplul anterior, sa indicat faptul că toate elementele HTML cu eticheta plutește la stânga în document.