DEV Community

Cover image for 10 HTML tags and attributes maybe you didn't know!😶
iFTekhar
iFTekhar

Posted on • Edited on

10 HTML tags and attributes maybe you didn't know!😶

In this article, I am going to show some HTML tags and attributes maybe you didn't know so, enjoy guys!

Some examples were taken from W3school's

1)2 Submit buttons in 1 form!🤯

Did you know you can have 2 submit buttons in 1 form?
you can use the formaction attribute in order to specify which button will submit to which page.

It can be very useful in some cases.

image

2)The template Tag

You can use the template tag in order to hide some content from the user when the page loads.

You can then use some javascript to show the content later on.

image

image

3)The wbr tag

Sometimes the browser automatically breaks long word in an incorrect position so you can use the wbr tag in order to tell the browser where it is safe to break the line

it is not going to break any line but it will let the browser know is it safe to break the line there.

image

4)The contenteditable attribute

You can use the contenteditable attribute in order to enable the user to edit the content or disable the user to edit the content.

image

image

5)The colspan attribute

You can use the colspan attribute in a td tag in order to tell that specific td how many columns it should take from the table row.

image

image

6)The meter tag

The tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

image

image

7)The Title attribute

You can use the title attribute in an element that shows more info about the content as a tooltip

image

image

8)The picture tag

You can use the picture tag to show different images for different window sizes.

image

9)The blockquote tag

The

tag specifies a section that is quoted from another source.

image

image

10)The multiple attribute

You can use the multiple attribute in order to let the input take multiple values.

You can also use the multiple attribute in a select tag.

image

image

That was it! Thank you for reading my article hope this helps you and let me know if you like this little article of mine. Thank you so much for reading this!🙂

Top comments (10)

Collapse
 
kamori profile image
Tyler Coil

Wow, there's a lot more html now than there used to be.

I'm excited to use contenteditable

Ps you have a typo on #8

Collapse
 
iftekhs profile image
iFTekhar

😮 Let me know where and Thank you glad you liked it. enjoy🔥

Collapse
 
dawlz profile image
Dawlz

The picture* tag

The !pciture tag

Thread Thread
 
iftekhs profile image
iFTekhar

Thank you for pointing it out.🙂

Thread Thread
 
dawlz profile image
Dawlz

You're welcome.

Interesting post tho

Very useful tips

Thread Thread
 
iftekhs profile image
iFTekhar

Thank you glad you liked it. enjoy🔥😊

Collapse
 
trinhryan profile image
Nguyễn Văn Trình

thank for share

Collapse
 
iftekhs profile image
iFTekhar

Thank you so much for reading it! enjoy🔥

Collapse
 
virejdasani profile image
Virej Dasani

This was a good read, thanks for sharing it👍

Collapse
 
iftekhs profile image
iFTekhar

Thank you so much for reading it! enjoy🔥