An HTML element is a complete unit of page structure: an opening tag, optional content, and a closing tag. Empty elements, such as images, use an equivalent syntax. Elements tell the browser whether content is a heading, paragraph, link, image, table, or another page component. section 7.2.2 section 8.3.4
Recognize an element by identifying its parts:
- Tags appear inside angle brackets, such as <h1> and </h1>, and describe the content they enclose. section 8.3.4
- The content sits between the opening and closing tags, as in <p>Welcome</p>. section 7.2.2
- Attributes add information inside an opening tag, such as an iframe's width, height, source URL, or accessible title. section 8.3.4
- Elements provide structure that CSS can style consistently, avoiding repetitive changes throughout a site's HTML. section 7.2.2
Embedding a video
An <iframe> element places another document or web page inside the current page. Its attributes can identify the video source, set dimensions, describe the video for screen readers, and control the frame. Test fixed dimensions on phones, tablets, and monitors because they may not resize well. section 8.3.4
<iframe width="560" height="315" src=https://www.youtube.com/embed/eM6Axxx4WlLLwI title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; gyroscope; </iframe>
Inspect the complete iframe element to see how opening and closing tags, attributes, and embedded-video settings work together. section 8.3.4
