Complete HTML Tag Course. Learn Every Single HTML5 Tag (2024).
HTML-код
- Опубликовано: 10 сен 2024
- In this quick course I will explain every single HTML tag that is currently usable in the browser. You will see an example of all the 112 HTML tags, as well as the variations of the tags, such as the many variations of the input tag, or meta tag. This video was made with the help of the w3schools HTML reference page.
Get The Source Code From All Of My Videos:
www.buymeacoff...
What you will learn:
How to-
- Add the minimum number of tags in order to start a HTML page
- Use all of the text tags in HTML, which format or define a piece of text in a certain way.
- Build all of the many UI elements that HTML has to offer, like progress bars, buttons, dropdown menus, etc.
- Add all of the tags used in HTML forms, and learn all of the types of input fields available in HTML, such as the email, password, color, date, number, radio and many more input types.
- Add media elements to your HTML page, such as images, video & audio players, videos with subtitles, iframes, and more.
- Create a complete boilerplate HTML file.
- Add all of the important meta tags for information about the website in the head section, as well as the open graph meta tags.
- Import scripts and styles, or write them directly in the HTML file.
- Create HTML tables from scratch and customize them. Learn all of the tags used for an HTML table.
- Use the base tag to specify a global URL for all links on the page.
Links For This Tutorial:
-----------------
Assets Folder:
drive.google.c...
HTML Image Map Generator:
www.image-map.net
Spotify Widget Embed:
developer.spot...
Open Graph Website:
ogp.me
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
Extra Links:
-----------------
Follow me on Instagram:
/ quickcodingtuts
My Products:
www.buymeacoff...
Support Me To Keep Creating And Improving My Content:
paypal.me/quic...
www.buymeacoff...
Timestamps:
0:15 Basic Starter Template
1:33 Text HTML Tags
10:33 Default HTML Elements
13:45 HTML Forms
21:58 HTML Table
24:03 HTML Media Elements
29:30 HTML Meta Tags
31:26 Base HTML Tag
Tags:
-----------------
#html
#website
#course
full html course
learn all html tags 2022
examples for every single html tag and how to use them
html crash course 2022
plzz pin me
Does this guy really have only 3500 subscribers? Let's increase it together, he deserves it
Thank you so much for the kind words. I'm grateful for what I already have, but hopefully it will grow overtime.
@@quickcodingtuts you got new subscribe👍.
Me too
You are right 🎉🎉🎉🎉🎉😊😊
11:46 details
11:52 meter
12:10 progress
13:18 dialog
Form:
17:54 radio
18:42 reset
19:39 fieldset
20:40 datalist
21:08 select
Table -> 22:00
22:32 tfoot
media
25:00 picture
That’s really the best HTML quick revision out there
Thanks bro🙏
I though I learned most of HTML tags, but I was wrong😂😂. Thank you very much!
There’s a lot of em🤣 sometimes you don’t know if you’re using Css or html still🤣
Thankyou team, i been going through heaps of other tutorials but the structure was confusing and was finding it difficult to slot it all into my head....this is the best explainer yet....thankyou
Thank you. I'm glad I could help!
broooooooo its better than all youtube courses keep going
Thank you so much!
yes, this is better than them all!!!!!!!!
wow this really amazing work. im happy that i wrotedown all those tags and looking forward to put them in to practice i wish there where some practical questons from you so that i could practice more. thank so much sir
Thank you. This was an awesome way to rediscover and learn some more obscure HTML 5 tags. It was nice to watch!
Thanks. Glad it was useful for you
Omg! There is a tag for list, and even an input tag?! If only I had known this sooner. 🤣😅
It's not possible to thank u in words. I can't forget this day and these crucial minutes.❤️ infinite Respect and Gratitude 🙏. May god bless u.🙏
And ya 6k subscriber base is a disrespect for the content.
That's why I wonder, why people cry despite having unlimited. Because they forget to value they already have and absolutely with no cost at all !
man you deserve an oscar for this video
Thanks man I have a computer practical tomorrow
I have been looking for a tutorial but most are short or in hindu that is why when i found yours i subscribed❤
Amazing Video!!!!
It's such an informative video for a beginner like me.
Really appreciate your hardwork.
THANKS BRO for this video.....
That's great to hear. I'm glad it was useful for you.
thank you very much for this video. im currently studying online and this is great
Brother Hats off to you! You earned my respect and a subscriber too. Again saying Hats off to you 🎉🎉
Thank you so much!
Ha it's good job it is very useful for me to learn html tage my habbi is become a front end developer so it is very useful for me 🎉🎉🎉 thankyou ❤
I am also your subscriber 🎉❤
Thank you so much for this great video. Now I can understand and visualize what each tag means. 👍🏻👍🏻
Bro hand off to you you regained my lost interest in html . Thank you very much 💐
Love from india
Keep Doing this work SIR
You deserve million subs
superb vedio brother , i watched till end the vedio , this is really help full for me , thanks brother for your help , never give up , keep it up , we always with you , god bless you .
That really means a lot to me. Thank you for your support. I'm glad I could help.
this is awesome and easy to learn for web development.
You're goated my man, this is amazing.😊
Glad you enjoyed. Thanks
thank you as much as whole galexies
Thank you for watching :)
It is an excellent and beneficial vidio which I have ever Seen .thanks so much for tour hard work and go on .We are waiting for your next vidios..
Thank you for your feedback. I will keep them coming.
thats insanely helpful! u got a new sub!
11:15 buttons etc
22:20 table
24:14 images
Very helpful Vedio thanks bro!!
You are welcome. Thanks for watching!
thank you for this usefull information
Thanks for watching!
Thank you so much 🎉
Great Work..!!
Keep Going.☺
Thank you! I really appreciate it.
superb presentation
Yes bro , u r right.
U from Saudi Arabia ?
This was awesome, thank you!
You are welcome. Thanks for watching!
Astonishing Video
Astonishing video💯
Now I know how some tags and things work and I'm just gonna play around(I'm still practising for fun👍)
Practice makes perfect!
great man, yeah same video for attribute would be very cool
Full course Rivision in just 32 min 😮
So helpful. Please keep making videos like this. Thank you
that was much more useful than i thought.
Thank you for this useful video. New subscriber 😊
Thank teacher ❤🎉
thank you very much for your effort. can you please cover the attributes as well ?I know there are too many attributes but at least the most used ones
I'll see what I can do. I do plan on making a lot more of these types of videos.
great explanation and work 👍👍👍
thank you for this awesome video brohh.
Thank you for watching
HTML Tag Tutorial
I find this video very helpful 👍
Awesome work! Thanks! 8)
Yar maza aa gaya... keepitup💙
Awesome. I appreciate this presentation
Pls add sound also and explain that will be great
Thank you very much!
Thank you for watching as well!
That's helpful like a reference
Nice, thank you!
Amazing content. Thanks.
THANKS bro
2:50.. start
self teaching coder (still new) here and i have a question. do I ever have to type out , or will that pop up whenever i type ? I just want to make sure it's clear for my notes.
The gray text above every line of code with these symbols on the sides is just a comment. Comments don't appear on the page or do anything really. They only serve as notes for yourself if you need to leave an explanation for what you wrote.
Can you also do it for css and javascript? (Not all of them, only most important)?
I have a couple for booth. They cover small topics, but I do plan on making more in the future.
Thanks very much
Nice well done ✅
thank you very much.
awesome video bruh!
Thanks!
👌👌👌
You provided insufficient information about element. It is not to emphasize the name of the creative work by itself, but rather to emphasize it after certain citation provided in this creative work previously
Superb 👌🏻
good video thanks bor
😊
Thank you.
Should we download that image from browser and put that in folder 📁 soo we have to insert the code orr what link we have to copy there I can't understand that thing
Did you download the assets folder?
@@quickcodingtuts nope
Download it. Make sure you put it in the same folder as the HTML files and link it the same way it is done in the video
Thanks bro 😍
Thank you!!!
Thanks for watching
Tysm♥️
it would be better if there was voice commentary
can i get notes or pdf of this, please
Yes❤
Brother, may I have the files (html) of the video pleaseeeeeee
Sirrr one doubtt ...
While going for image tag which link we have to copy there
The link to the image file, which can be from a folder inside your project, or an external url from the web. But it is always better to download the image, add it to your project folder, and link the path from the HTML file to the image.
@@quickcodingtuts how can i add that to my folder to website image
The Spotify Widget link is "not found" please fix it.
Spotify has disabled this feature. This is just an example. You can still add other embed elements.
❤
Hi, thank you so much for this resentation ! Did you creat one with all attributes ? I am looking for one, will you make one ?
I'm planning on it. Not sure when I will have it ready though.
Nice video
Bro u have done for css ? If it is please provide link of vedio
Not yet. Just for Flexbox properties and some more stuff. You can go to my playlists and find the quick courses playlist for all courses like this i have made so far.
Javascript ke upar be ak asi video banio please sir🙏🙏
how you have created 3d book ??
You can find it on my channel. Just search for "3d book"
Can you try to make something similar and put most of the major Js concepts at one place
I do plan on doing the same thing with CSS. When i do that I will start thinking about JS
@@quickcodingtuts cool
Hey plz do it on css and javascript codes to
Yes. I'm working on it. It just takes time because both CSS and Javascript are soo expansive. I will probably have to do it in parts too.
timestamp for "marquee" tag please
Really cool, is there something similar for CSS and JavaScript ?
I just released a CSS flexbox course similar to this. I will make more on different topics in the future.
@@quickcodingtuts Really cool, the format is excellent, kind of reference/cheat sheet with examples.
This music slaps
sir can you provide the html
source code?
I can add a voice for text to you only for 4$ per minute
❤️