Conținutul multimedia și încorporarea joacă un rol crucial în îmbunătățirea atractivității vizuale și a interactivității paginilor web. Iată câteva detalii suplimentare și exemple specifice despre cum să utilizați multimedia și să încorporați conținut în HTML.
Imagini
Pentru a afișa imagini pe o pagină web, utilizați <img>
eticheta. Specificați sursa imaginii folosind src
atributul și furnizați text alternativ folosind alt
atributul pentru accesibilitate.
Iată un exemplu:
<img src="image.jpg" alt="A beautiful sunset">
Audio
Pentru a încorpora fișiere audio, utilizați <audio>
eticheta. Specificați sursa audio folosind src
atributul și puteți adăuga comenzi pentru redare folosind atributul controls
.
Iată un exemplu:
<audio src="audio.mp3" controls></audio>
Video
Pentru încorporarea videoclipurilor, folosiți <video>
eticheta. Setați sursa video folosind src
atributul și includeți controls
atributul pentru comenzile de redare video.
Iată un exemplu:
<video src="video.mp4" controls></video>
Hărți
Pentru a încorpora hărți de la servicii precum Google Maps, utilizați <iframe>
eticheta și introduceți codul de încorporare al hărții furnizat de serviciu.
Iată un exemplu:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024..." width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Aplicații Web
Pentru a încorpora aplicații web sau site-uri web externe, utilizați din nou <iframe>
eticheta și furnizați adresa URL a aplicației web.
Iată un exemplu:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Aceste exemple ilustrează cum să încorporați diferite tipuri de conținut multimedia și extern în paginile dvs. HTML. Asigurați-vă că ajustați atributele și dimensiunile după cum este necesar pentru a asigura afișarea și funcționalitatea corespunzătoare.