5+ Must Know HTML Tags That Almost Nobody Knows

Показать описание

There are so many HTML tags that it is nearly impossible to know them all, which means there are tons of tags most people do not know. In this video I talk about the 5 coolest HTML tags that nearly nobody knows about.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:35 - Fieldset
01:43 - Datalist
03:13 - Color Picker
04:11 - Progress Bar
04:52 - Open Graph
07:51 - Sub/Sup
09:18 - Picture
13:19 - Template
15:19 - Outro

#HTML #WDS #Top5HTML

Рекомендации по теме

Комментарии

I'm a C# dev who doesn't do too much front-end work. However, there is something about Kyle's content and delivery that is very enjoyable. He speaks so clearly and has a great approach to teaching new things.

_rcs

datalist blew my mind. I've been a developer for a long time and did not know this existed. thanks Kyle!

akalrove

Nice to see <SUB> and <SUP> get some love. They've been around since at least HTML 3.2. (FYI, they're sort for "subscript" and "superscript".) I really liked the <TEMPLATE> tag. I think that might be just what I need for one of my projects.

BorlandC

OG stands for "original gangsta" and you won't convince my brain to read those meta tags in any other way. 😂

curtisbridges

this man dove deep into the documentation and emerged to tell us what he found

sharptakes

We need a tutorial on all information on meta tags

nirjalpaudel

Good to know I’m not the only developer riddled with Webflow ads.

andrillaf

After watching this i successfully rewrote an entire component of mine using datalist and it’s so much easier to read! Thanks for always delivering awesome content.

qurquru

I've used <sup> a few times. Really useful for putting the st / nd / rd / th into 1st 2nd 3rd 4th etc. (The "superscript ordinals").

FunkySpunkyJunky

Dude, I love your channel! You know why? Sometimes I have something to work out. Some things we just don't know where and how to find a solution. And your channel just appear with the perfect solution. Thanks man!

webossd

One of the biggest things I have to say about watching this video (and other videos) is the fact that Kyle points out how the usage of these different elements affect screen readers. Thank you for being such a big advocate of Accessibility and making sure that we are experienced (or myself as a novice) Front End Developers are making sure that we consider Accessibility in our design and development more.

As a side note, if you haven't already done so, it might be interesting to compile a list of these different items and how Front End Developers can use them to help in making our sites more accessible.

Wakedaddy

Kyle, I have 20+ years as a Web Dev... You are very talented Sir, thank you. You get to the point quickly and explain easily so I do not need to search elsewhere when refreshing materials. Thank you again.

iqwebserve

If only I had known about the <template> tag before, It could've saved me a few hundred lines of html in my Javascript code.

ShinAkuma

The picture tag was like gold for me
Thanks for your nice work, Kyle

kohlod

Hi ! I just discovered your video on YouTube. As a beginner and passionate of coding (HTML, CSS and JavaScript) I really love to see your movie and how simply you have been explaining some useful HTML tags. Like how to write the chemical formula of water (H2O) and others. Briefly how to write something with the exponentiation mark. Also learning how to create and sizing the progress button tag, creating forms with the divs and stocking data and especially the og (Open Graph) system of stocking data between the <head>....</head> tag, all those learnings have been useful for me. Thank you so much. Sorry for my poor english because I am a Franco but trying to get improved in english and then be able to more understand coding. Be blessed for what you are doing and sharing your knowledges. I appreciated.

gabcompaore

I use the template tag when i deal with arrays of objects. You can do a forEach loop or map over the array and for each object clone the template and set the content.

xhpkzen

That template tag is so awesome! I am definitely going to use it in my projects!

sarvagya-sharma

I'm just sitting here clawing at my arm thinking "CLOSE THAT H5 TAG FOR THE LOVE OF GOD!"

But wow! I didn't know a lot of these things. Color picker is cool.

MichaelCMain-zrwb

Sub and Sup are pretty old school, learned those when I got into HTML (3.2 was the standard at that time), but the datalist is quite impressive! Wish they'd let us style form elements better

sovietwarmachine

Thank you! I've just picked up a 15 year old PHP medical web app that needs to be updated. Your type=time tip caught me at the exact moment I needed it. Great content! :-)

CyberAbyss

5+ Must Know HTML Tags That Almost Nobody Knows

5+ Must Know HTML Tags That Almost Nobody Knows

5 HTML tags you didn't know were a thing

5 important HTML concepts for beginners

Complete HTML Tag Course. Learn Every Single HTML5 Tag (2024).

HTML in 5 minutes

5 HTML Tags I bet you didn't know about! #shorts

HTML Tag Basics

Why & When to Use Semantic HTML Elements over Divs

How to Start a Career as a Web Developer

10 CSS Pro Tips - Code this, NOT that!

Common HTML tags and what they are for (HTML/CSS Basics)

All HTML Tags in One Video

Normal People VS Programmers #coding #python #programming #easy #funny #short

5 nützliche seltene HTML Tags, die du kennen solltest

How Much HTML, CSS, & JavaScript Is Enough? | Realistic Expectations

God Tier HTML Programming

Insert image in HTML | Html Image Tag #html

After learning HTML for one day from YouTube and W3Schools.

HTML Tutorial For Beginners |HTML In 10 Minutes | HTML Basics For Beginners | Simplilearn

Coding - Expectation vs Reality | Programming - Expectation vs Reality | Codeiyapa #Shorts

Are You Making These 3 HTML Mistakes?

HTML Tutorial for Beginners: HTML Crash Course

HTML | Basic Tags #03

html tutorial for beginners in hindi learn html for beginners html tutorial for beginners | #shorts