```html

"A picture is worth a thousand words," and embedding images, videos or audio directly into your web pages can enhance the user experience.

Embedding Images

<img src="path/to/your/image.jpg" alt="A description of the image">

Use the `src` attribute to specify the path to your image file and provide a meaningful alternative text using `` tag.

Embedding Video

<iframe src="URL_of_the_video" width="640" height="360"></iframe>

Use an `` to embed a video from platforms like YouTube, Vimeo or within your own website. Set appropriate `width` and `height` values.</p> </article> </section> </body> </html> ``` </div> </div> </div> </div> <div class="text-center mt-4"> <button id="closeBtn" class="btn btn-primary" type="button">Close</button> </div> </div> </div> </div> </div> <div class="modal fade thankyou-modal" id="thankYouModal" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content text-center"> <div class="modal-body"> <h5>Quality, Reliability & Service</h5> <div>Brooks Computing Systems - Jacksonville</div> <a href="https://bcs.archman.us" target="_blank" rel="noopener">archman.us</a> <br><br> <button class="btn btn-primary" data-bs-dismiss="modal" type="button">Done</button> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script> const mainModal = new bootstrap.Modal(document.getElementById('mainModal')); const thankModal = new bootstrap.Modal(document.getElementById('thankYouModal')); document.getElementById('themeToggle').onclick = () => { document.body.classList.toggle('dark-mode'); }; document.getElementById('closeBtn').onclick = () => { mainModal.hide(); }; document.getElementById('mainModal').addEventListener('hidden.bs.modal', () => { thankModal.show(); }); mainModal.show(); </script> </body> </html>

```html

Section 1

Semantic HTML

What are they?

Embedding Multimedia in HTML

Embedding Images

Embedding Video