5 uncommon but ππ’π₯π€π§π©ππ£π© HTML5 tags which will definitely help you to make your web pages awesome.
A thread π§΅π½
A thread π§΅π½
1. <πππ¨π> π©ππ :
-This tag specifies the base URL and then target all URLs in document.
-Their can only be a single base element in a document and must be inside the <ππππ> tag.
-This tag specifies the base URL and then target all URLs in document.
-Their can only be a single base element in a document and must be inside the <ππππ> tag.
As we have added target="_blank" attribute in the base tag itself so all the image in the document will open in a new tab automatically. π
2.<π‘ππππ‘> π©ππ :
-It defines a label for several elements like checkbox, radio, range etc.
-as these tags allows a small hitting area besides them, after using this label tag you need not to hit into that small area rather you can hit anywhere on the option it'll work.
-It defines a label for several elements like checkbox, radio, range etc.
-as these tags allows a small hitting area besides them, after using this label tag you need not to hit into that small area rather you can hit anywhere on the option it'll work.
3.<πππ©ππ‘ππ¨π©> :
- As the name suggests it provides the list of predefined options to the user to select data.
-this tag must be used with an <input> element that contains a list attributes. The values of list attribute must be linked with datalist Id.
- As the name suggests it provides the list of predefined options to the user to select data.
-this tag must be used with an <input> element that contains a list attributes. The values of list attribute must be linked with datalist Id.
4.<πππ©πππ‘π¨> :
-This tag is used to specify the additional details on the web pages that the user can view of hide on demand.
-It is used together with <summary> tag.
-<details> tag wraps all the content which user want to show or hide including summary tag and
-This tag is used to specify the additional details on the web pages that the user can view of hide on demand.
-It is used together with <summary> tag.
-<details> tag wraps all the content which user want to show or hide including summary tag and
summary tag contains the title of the section.
πhere 'Tech Twitter' is title.
πhere 'Tech Twitter' is title.
5.<ππππ‘ππ¨ππ©> :
-It is used to group all the elements of a form in a single field i.e. it draws a box around the related elements.
-It is used to group all the elements of a form in a single field i.e. it draws a box around the related elements.
Try these tags, I hope you'll find it useful.
If you want more awesome content not only for HTML but for CSS and JS too don't forget to follow @Prathkum(π₯), @ShadowShahriar (π₯) @Deveshb15(recently added a thread on JS calculator) and @UbahTheBuilder(β‘οΈ).
Happy Coding.πβοΈ
If you want more awesome content not only for HTML but for CSS and JS too don't forget to follow @Prathkum(π₯), @ShadowShahriar (π₯) @Deveshb15(recently added a thread on JS calculator) and @UbahTheBuilder(β‘οΈ).
Happy Coding.πβοΈ
Loading suggestions...