7.1 html lec 7
0 likes87 views
This document discusses HTML5 elements and multimedia. It provides details on new HTML5 elements like <article>, <aside>, <header>, <footer>, <main>, and <section>. It also covers elements for additional details (<details>), captions (<figcaption>), embedded content (<figure>), and progress (<progress>). Examples are given of using the <details>, <details open>, <figure>, and <progress> elements. The document concludes with topics to add like nesting tags, audio/video, and bookmarking.
7.1 html lec 7
- 2. IoT Code LabS M A R T T E C H L I F E iotcodelab.com RESEARCH DEVELOPMENT TRAINING
- 3. HTML: LEC 7 M I S C E L L A N E O U S
- 5. HTML5 ELEMENTS <!DOCTYPE html> <meta charset="UTF-8"> <article> Defines an article in a document <aside> Defines content aside from the page content <footer> Defines a footer for a document or section <header> Defines a header for a document or section <main> Defines the main content of a document <section> Defines a section in a document
- 6. HTML5 ELEMENTS <details> Defines additional details that a user can view/hide <summary> Defines a visible heading for a <details> element <dialog> Defines a dialog box or window <figcaption> Defines a caption for a <figure> element <figure> Defines self-contained content <progress> Represents the progress of a task <time> Defines a date/time <wbr> Defines a possible line-break
- 7. HTML VERSION
- 8. DETAILS <details> <summary>IoT Code Lab</summary> <p>IoT Code Lab is a Bangladeshi tech start-up company focused on Software, Hardware, Robotics, IoT based Research and Development andTraining Courses.</p> </details>
- 9. DETAILS OPEN <details open> <summary>IoT Code Lab</summary> <p>IoT Code Lab is a Bangladeshi tech start-up company focused on Software, Hardware, Robotics, IoT based Research and Development andTraining Courses.</p> </details>
- 10. FIGURE <figure> <img src= "image.jpg" alt="AlternativeText"> <figcaption>Image Caption</figcaption> </figure>
- 12. TOPIC TO ADD Table Span Nesting HTML Tag Audio, video, bookarking
- 13. ANY QUESTION?
- 15. IoT Code LabS M A R T T E C H L I F E iotcodelab.com RESEARCH DEVELOPMENT TRAINING