Thread by @Prathkum

You do not yet know the true power of HTML

🧵👇🏻

You can do a lot of cool things using HTML only Sometimes HTML is enough

In this thread I will try to cover some amazing tags, atrributes, tips and tricks of HTML

Let's start

{ 2 / 10 }

1️⃣ Make your image clickable

The <map> tag is used to define an image map. An image map is an image with clickable areas.

You can use it with the <area> tag and coords attribute

Learn more about it here 👇🏻

w3schools.com/tags/tryit.asp…

{ 3 / 10 }

2️⃣ Responsive Images

Responsive web pages is in trend as there is rapid growing of mobile devices.

You can achieve responsive design using various methods but do you know images can be toggled for different screen sizes with markup.

{ 4 / 10 }

You can use <picture> element for that. It gives web developers more flexibility in specifying image resources.

The <picture> element contains two tags: one or more <source> tags and one <img> tag.

You can pass different screen size in media attribute of source tag

{ 5 / 10 }

3️⃣ Use anchor tag like a pro

Wait! I'm not gonna cover mailto or tel here because this are pretty basic one.

But do you know you can create a link for skype chat or call😍

{ 6 / 10 }

4️⃣ Regular expression

You can use "pattern" attribute in order to specifies the regular expression

For example, User can only enter password that must contain 8 or more characters that are of at least one number, and one uppercase and lowercase letter

{ 7 / 10 }

5️⃣ Custom attribute

Do you know HTML allow us to create our custom attribute as well so that we can store some data associated with it

The data-* attribute

{ 8 / 10 }

This data then can be used to in JavaScript in order to perform some complex operations

For example 👇🏻

{ 9 / 10 }

Did I miss something? Feel free to add more awesome things about HTML 💖

{ 10 / 10 }