Daugialypės terpės ir turinio įterpimas vaidina lemiamą vaidmenį didinant tinklalapių patrauklumą ir interaktyvumą. Čia yra daugiau informacijos ir konkrečių pavyzdžių, kaip naudoti daugialypės terpės ir įterpti turinį į HTML.
Vaizdai
Norėdami tinklalapyje rodyti vaizdus, naudokite <img> žymą. Nurodykite vaizdo šaltinį naudodami src atributą ir pateikite alternatyvų tekstą naudodami alt pritaikymo neįgaliesiems atributą.
Štai pavyzdys:
<img src="image.jpg" alt="A beautiful sunset">
Garsas
Norėdami įterpti garso failus, naudokite <audio> žymą. Nurodykite garso šaltinį naudodami src atributą, o naudodami atributą galite pridėti atkūrimo valdiklius controls.
Štai pavyzdys:
<audio src="audio.mp3" controls></audio>
Vaizdo įrašas
Norėdami įterpti vaizdo įrašus, naudokite <video> žymą. Nustatykite vaizdo įrašo šaltinį naudodami src atributą ir įtraukite controls vaizdo įrašo atkūrimo valdiklių atributą.
Štai pavyzdys:
<video src="video.mp4" controls></video>
Žemėlapiai
Norėdami įterpti žemėlapius iš tokių paslaugų kaip „Google Maps“, naudokite žymą <iframe> ir įterpkite žemėlapio įterpimo kodą, kurį teikia paslauga.
Štai pavyzdys:
<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>
Žiniatinklio programos
Norėdami įterpti žiniatinklio programas arba išorines svetaines, dar kartą naudokite <iframe> žymą ir pateikite žiniatinklio programos URL.
Štai pavyzdys:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Šie pavyzdžiai iliustruoja, kaip į HTML puslapius įterpti įvairių tipų daugialypės terpės ir išorinio turinio. Būtinai pakoreguokite atributus ir matmenis, kad užtikrintumėte tinkamą ekraną ir funkcionalumą.