1. Color picker 🎨
• This tag allows you to choose a color from a palette of colors.
• It is implemented using the <input> tag with the type attribute set "color"
<label for="color-picker">Choose a color:</label>
<input type="color" id="color-picker" name="color-picker">
2. Audio Player 🎶
• HTML audio player tag creates a player with controls to play audio files.
• Use source to specify file location and type. Customize with CSS/JS.
<audio controls>
<source src="audiofile.mp3" type="audio/mpeg">
</audio>
3. Video Player 📽️
• The HTML <video> tag embeds videos into web pages with playback controls. Here's an example:
<video width="640" height="360" controls>
<source src="example.mp4" type="video/mp4">
No support for video tag.
</video>
4. Blockquote 📙
• HTML <blockquote> tag is used to indicate a long quote within a document.
• It displays the text in an indented or offset block of text.
<blockquote>
<p> "The best way to predict the future is to invent it." </p>
<cite>Alan Kay</cite>
</blockquote>
5. Date Picker 📅
• The HTML date picker tag is a type of input field that allows users to select a date from a calendar.
• The type attribute is set to "date" to indicate that this is a date picker field.
<input type="date" id="date" name="date">
6. Accordion 🔽
• HTML accordion is a collapsible section for managing information.
• Create it using <details> and <summary> tags. Click the title to show or hide the content. You can customize it with CSS.
7. Slider ⚪
• To create an HTML slider, you can use the <input> tag with the type attribute set to "range".
Here's an example code:
<label for="slider">Select a value:</label>
<input type="range" id="slider" name="slider" min="0" max="100" value="50">
8. Content Editor ✏️
• The <contenteditable> tag in HTML5 allows users to edit the content within an element in the browser without additional software.
Example:
<section contenteditable="true">
<p>This section's content can be edited by the user.</p>
</section>
