Skip to content

Latest commit

 

History

History
86 lines (57 loc) · 1.53 KB

HTML-advanced.md

File metadata and controls

86 lines (57 loc) · 1.53 KB
Raw

Advanced HTML Topics

Table of Contents

  1. HTML5 Semantic Elements
  2. Iframes
  3. Audio and Video
  4. HTML Forms Advanced
  5. Further Reading

HTML5 Semantic Elements

Semantic elements provide meaning to the structure of your web pages.

<!-- Header of the document -->
<header></header>

<!-- Navigation links -->
<nav></nav>

<!-- Main content -->
<main></main>

<!-- Footer of the document -->
<footer></footer>

Iframes

Iframes are used to embed another HTML page within a page.

<iframe src="https://www.google.com" width="300" height="200"></iframe>

Audio and Video

HTML5 allows you to embed audio and video files directly into web pages.

<!-- Audio -->
<audio controls>
  <source src="audio.mp3" type="audio/mp3">
</audio>

<!-- Video -->
<video controls>
  <source src="video.mp4" type="video/mp4">
</video>

HTML Forms Advanced

Advanced form elements like sliders, date pickers, and more.

<!-- Range Slider -->
<input type="range" min="0" max="100" step="1">

<!-- Date Picker -->
<input type="date">

<!-- Color Picker -->
<input type="color">

Further Reading

Ready to learn more? Check out these free resources: