Multimedia i osadzanie treści odgrywają kluczową rolę w zwiększaniu atrakcyjności wizualnej i interaktywności stron internetowych. Oto więcej szczegółów i konkretne przykłady korzystania z multimediów i osadzania treści w formacie HTML.
Obrazy
Aby wyświetlić obrazy na stronie internetowej, użyj <img> znacznika. Określ źródło obrazu za pomocą src atrybutu i podaj tekst alternatywny za pomocą alt atrybutu dla ułatwień dostępu.
Oto przykład:
<img src="image.jpg" alt="A beautiful sunset">
Audio
Aby osadzić pliki audio, użyj <audio> tagu. Określ źródło dźwięku za pomocą src atrybutu i możesz dodać sterowanie odtwarzaniem za pomocą tego controls atrybutu.
Oto przykład:
<audio src="audio.mp3" controls></audio>
Wideo
Aby osadzić filmy, użyj <video> tagu. Ustaw źródło wideo za pomocą src atrybutu i dołącz controls atrybut do sterowania odtwarzaniem wideo.
Oto przykład:
<video src="video.mp4" controls></video>
Mapy
Aby osadzić mapy z usług takich jak Mapy Google, użyj <iframe> tagu i wstaw kod osadzania mapy dostarczony przez usługę.
Oto przykład:
<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>
Aplikacje internetowe
Aby osadzić aplikacje internetowe lub zewnętrzne strony internetowe, ponownie użyj <iframe> tagu i podaj adres URL aplikacji internetowej.
Oto przykład:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
Te przykłady ilustrują, jak osadzać różne rodzaje multimediów i treści zewnętrznych na stronach HTML. Pamiętaj, aby odpowiednio dostosować atrybuty i wymiary, aby zapewnić prawidłowe wyświetlanie i funkcjonalność.