The `video` and `audio` elements in HTML allow you to embed video and audio content on a web page. 

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPiA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8dmlkZW8KICAgICAgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jZjllOTEzMC1iYmNkLTRhYTktYjgwOS1kNDJhMDBkOTI1NmYvdmlkZW8rdHJlZStkcy5tcDQiCiAgICAgIHR5cGU9InZpZGVvL21wNCIKICAgICAgcG9zdGVyPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9wcm9qZWN0K2NvdXJzZXMrZm9sZGVyL2xvZ28ucG5nIgogICAgICBjb250cm9scwogICAgPjwvdmlkZW8+CiAgPC9ib2R5Pgo8L2h0bWw+

- `poster` attribute specifies an image to display before the video starts playing;
- `controls` attribute adds playback controls to the video.

You can also use the `source` element to specify multiple video versions in different formats, and the browser will choose the appropriate version based on the device's capabilities.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPiA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8dmlkZW8gY29udHJvbHM+CiAgICAgIDxzb3VyY2Ugc3JjPSJ2aWRlby5tcDQiIHR5cGU9InZpZGVvL21wNCIgLz4KICAgICAgPHNvdXJjZSBzcmM9InZpZGVvLndlYm0iIHR5cGU9InZpZGVvL3dlYm0iIC8+CiAgICAgIDxzb3VyY2Ugc3JjPSJ2aWRlby5vZ2ciIHR5cGU9InZpZGVvL29nZyIgLz4KICAgIDwvdmlkZW8+CiAgPC9ib2R5Pgo8L2h0bWw+

Several other attributes:

- `autoplay` attribute can be used to start playing the video when the page loads automatically;
- The `loop` attribute can loop the video indefinitely.



In this course, participants will learn the basics of HTML, what HTML is and how it is used to create web pages, the structure of an HTML document and the various tags used to define the content and layout of a web page, how to use HTML tags to structure and format content, such as headings, paragraphs, lists, tables, and more, how to create links, add images and videos, and create forms for user input. 

The main goal of HTML is to make webpages traversable like a tree where every piece of content is wrapped in its meaningful container. 

Now that we have gone over the basic understanding of HTML documents, the mandatory structure they should have, and how tags and attributes work. We will move on to some important elements used in a typical HTML page.

Now that we have gone over the basics of HTML about commonly used elements and how the attributes are used. We will now move on to another important part of an HTML document that isn't mostly displayed on the web page but is a metadata container, which is the head tag.   

By the end of this section, participants will have a solid understanding of these HTML concepts and be able to apply them to create well-structured and formatted web pages.

So now that we have a good grip on most of the basic topics of HTML along with familiarity with basic text elements, now, we will move on to somewhat advanced topics which cover things necessary for developing any starter web page, be it a portfolio or a full-fledged e-commerce store. 

Introduction to HTML

Video