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

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2022
  • 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.buymeacoffee.com/webcode/...
    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.com/drive/folder...
    HTML Image Map Generator:
    www.image-map.net
    Spotify Widget Embed:
    developer.spotify.com/documen...
    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.buymeacoffee.com/webcode/...
    Support Me To Keep Creating And Improving My Content:
    paypal.me/quickcodingtuts?loc...
    www.buymeacoffee.com/webcode/
    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
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 121

  • @trapparadise12
    @trapparadise12 2 ปีที่แล้ว +37

    plzz pin me

  • @emmanouilpitaridis6854
    @emmanouilpitaridis6854 ปีที่แล้ว +89

    Does this guy really have only 3500 subscribers? Let's increase it together, he deserves it

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +13

      Thank you so much for the kind words. I'm grateful for what I already have, but hopefully it will grow overtime.

    • @ramwax
      @ramwax 10 หลายเดือนก่อน +6

      ​@@quickcodingtuts you got new subscribe👍.

    • @Imstilljustachairbro
      @Imstilljustachairbro 4 หลายเดือนก่อน +1

      Me too

  • @learner7799
    @learner7799 ปีที่แล้ว +25

    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

  • @antonmaksymuk9790
    @antonmaksymuk9790 ปีที่แล้ว +12

    I though I learned most of HTML tags, but I was wrong😂😂. Thank you very much!

  • @abdelrahmanayman5590
    @abdelrahmanayman5590 10 หลายเดือนก่อน +11

    That’s really the best HTML quick revision out there
    Thanks bro🙏

  • @diogotitomarques
    @diogotitomarques 2 ปีที่แล้ว +9

    Thank you. This was an awesome way to rediscover and learn some more obscure HTML 5 tags. It was nice to watch!

  • @SalisuMuawiyya
    @SalisuMuawiyya 3 หลายเดือนก่อน +2

    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

  • @1starbrainfire
    @1starbrainfire ปีที่แล้ว +2

    Thank you so much for this great video. Now I can understand and visualize what each tag means. 👍🏻👍🏻

  • @1starbrainfire
    @1starbrainfire ปีที่แล้ว +2

    Omg! There is a tag for list, and even an input tag?! If only I had known this sooner. 🤣😅

  • @proheroexperiencing5598
    @proheroexperiencing5598 ปีที่แล้ว +1

    Thanks man I have a computer practical tomorrow

  • @richardsteinbergs
    @richardsteinbergs 11 หลายเดือนก่อน +1

    thank you very much for this video. im currently studying online and this is great

  • @otayga
    @otayga 7 หลายเดือนก่อน +2

    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

    • @quickcodingtuts
      @quickcodingtuts  7 หลายเดือนก่อน +1

      Thank you. I'm glad I could help!

  • @shinex_tv
    @shinex_tv 5 หลายเดือนก่อน +1

    thats insanely helpful! u got a new sub!

  • @soumyadeepdas094
    @soumyadeepdas094 ปีที่แล้ว +3

    man you deserve an oscar for this video

  • @yeona7349
    @yeona7349 ปีที่แล้ว

    So helpful. Please keep making videos like this. Thank you

  • @我我我我
    @我我我我 2 ปีที่แล้ว +5

    broooooooo its better than all youtube courses keep going

    • @quickcodingtuts
      @quickcodingtuts  2 ปีที่แล้ว +2

      Thank you so much!

    • @WilliamAlex
      @WilliamAlex ปีที่แล้ว

      yes, this is better than them all!!!!!!!!

  • @art1co
    @art1co ปีที่แล้ว +1

    great man, yeah same video for attribute would be very cool

  • @Lorddbonee
    @Lorddbonee 9 หลายเดือนก่อน +1

    You're goated my man, this is amazing.😊

    • @quickcodingtuts
      @quickcodingtuts  9 หลายเดือนก่อน

      Glad you enjoyed. Thanks

  • @PrinceKumar-hh6yn
    @PrinceKumar-hh6yn ปีที่แล้ว +1

    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.🙏

    • @PrinceKumar-hh6yn
      @PrinceKumar-hh6yn ปีที่แล้ว

      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 !

  • @arthur_bell
    @arthur_bell หลายเดือนก่อน +1

    Brother Hats off to you! You earned my respect and a subscriber too. Again saying Hats off to you 🎉🎉

  • @oerbyy
    @oerbyy 11 หลายเดือนก่อน +1

    Awesome work! Thanks! 8)

  • @jameskim7565
    @jameskim7565 ปีที่แล้ว

    that was much more useful than i thought.

  • @YCEKunchapuMangaiah
    @YCEKunchapuMangaiah ปีที่แล้ว +1

    Love from india
    Keep Doing this work SIR

  • @samarpankarmakar699
    @samarpankarmakar699 ปีที่แล้ว +5

    Amazing Video!!!!
    It's such an informative video for a beginner like me.
    Really appreciate your hardwork.
    THANKS BRO for this video.....

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว

      That's great to hear. I'm glad it was useful for you.

  • @haiderali-tw8hk
    @haiderali-tw8hk 7 หลายเดือนก่อน +1

    this is awesome and easy to learn for web development.

  • @valentinachinonyerem595
    @valentinachinonyerem595 7 วันที่ผ่านมา +1

    Thank you so much 🎉

  • @remuspotra3851
    @remuspotra3851 3 วันที่ผ่านมา

    This was awesome, thank you!

    • @quickcodingtuts
      @quickcodingtuts  3 วันที่ผ่านมา

      You are welcome. Thanks for watching!

  • @edgargomez4518
    @edgargomez4518 9 หลายเดือนก่อน +1

    Thank you for this useful video. New subscriber 😊

  • @fvthvn
    @fvthvn ปีที่แล้ว +1

    Nice, thank you!

  • @timbertunem1959
    @timbertunem1959 2 ปีที่แล้ว +1

    That's helpful like a reference

  • @hansikaakkenapally
    @hansikaakkenapally 2 หลายเดือนก่อน +1

    Great Work..!!
    Keep Going.☺

    • @quickcodingtuts
      @quickcodingtuts  หลายเดือนก่อน

      Thank you! I really appreciate it.

  • @user-lm4bv6sf1z
    @user-lm4bv6sf1z 8 หลายเดือนก่อน

    Awesome. I appreciate this presentation

  • @PrakharSaxenaA
    @PrakharSaxenaA ปีที่แล้ว +1

    Bro hand off to you you regained my lost interest in html . Thank you very much 💐

  • @prabinlamsal74
    @prabinlamsal74 11 หลายเดือนก่อน +1

    Amazing content. Thanks.

  • @kinggepard2962
    @kinggepard2962 ปีที่แล้ว +1

    I find this video very helpful 👍

  • @Ankitsingh-zf4tf
    @Ankitsingh-zf4tf 3 หลายเดือนก่อน +1

    Thank teacher ❤🎉

  • @cricketgallery5618
    @cricketgallery5618 2 ปีที่แล้ว +1

    Superb 👌🏻

  • @hamidnazari2694
    @hamidnazari2694 2 ปีที่แล้ว +5

    thank you as much as whole galexies

  • @zainabzara35
    @zainabzara35 7 หลายเดือนก่อน +1

    THANKS bro

  • @elgunkamilov7059
    @elgunkamilov7059 10 หลายเดือนก่อน +1

    great explanation and work 👍👍👍

  • @spaceagentastronomer3353
    @spaceagentastronomer3353 7 หลายเดือนก่อน +1

    I have been looking for a tutorial but most are short or in hindu that is why when i found yours i subscribed❤

  • @mohamedabass2736
    @mohamedabass2736 ปีที่แล้ว +2

    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

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +2

      I'll see what I can do. I do plan on making a lot more of these types of videos.

  • @syedkamranshah-lh9pc
    @syedkamranshah-lh9pc ปีที่แล้ว

    Yar maza aa gaya... keepitup💙

  • @Apathetic-co3cw
    @Apathetic-co3cw 9 หลายเดือนก่อน +2

    You deserve million subs

  • @cfegvlogs7266
    @cfegvlogs7266 7 หลายเดือนก่อน +1

    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 🎉❤

  • @SKILLDEVELOPMENT351
    @SKILLDEVELOPMENT351 ปีที่แล้ว +1

    thank you very much.

  • @sudhirkushwah4443
    @sudhirkushwah4443 ปีที่แล้ว +1

    Thanks bro 😍

  • @mikasajaeger3612
    @mikasajaeger3612 2 ปีที่แล้ว +1

    Tysm♥️

  • @paranavithana268
    @paranavithana268 ปีที่แล้ว +2

    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 .

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +2

      That really means a lot to me. Thank you for your support. I'm glad I could help.

  • @sabuein
    @sabuein ปีที่แล้ว +1

    Thank you.

  • @YBEducational_20Beats06
    @YBEducational_20Beats06 3 หลายเดือนก่อน +1

    Very helpful Vedio thanks bro!!

    • @quickcodingtuts
      @quickcodingtuts  3 หลายเดือนก่อน

      You are welcome. Thanks for watching!

  • @adambjabja5171
    @adambjabja5171 ปีที่แล้ว +1

    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..

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว

      Thank you for your feedback. I will keep them coming.

  • @RamGamer0007
    @RamGamer0007 11 หลายเดือนก่อน +1

    Nice well done ✅

  • @jaganathanramamurthy1433
    @jaganathanramamurthy1433 ปีที่แล้ว +1

    Thanks very much

  • @notsus21
    @notsus21 ปีที่แล้ว +1

    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👍)

  • @sachuguru4219
    @sachuguru4219 ปีที่แล้ว +1

    thank you for this awesome video brohh.

  • @alibhai-ok4nv
    @alibhai-ok4nv ปีที่แล้ว +1

    good video thanks bor
    😊

  • @wannagrow9997
    @wannagrow9997 2 ปีที่แล้ว +1

    Thank you!!!

  • @julietteredois5990
    @julietteredois5990 ปีที่แล้ว

    Hi, thank you so much for this resentation ! Did you creat one with all attributes ? I am looking for one, will you make one ?

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +1

      I'm planning on it. Not sure when I will have it ready though.

  • @synoplex8042
    @synoplex8042 ปีที่แล้ว +1

    awesome video bruh!

  • @nakulrai695
    @nakulrai695 ปีที่แล้ว

    Pls add sound also and explain that will be great

  • @1starbrainfire
    @1starbrainfire ปีที่แล้ว +1

    Can you also do it for css and javascript? (Not all of them, only most important)?

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว

      I have a couple for booth. They cover small topics, but I do plan on making more in the future.

  • @html1862
    @html1862 ปีที่แล้ว +1

    Nice video

  • @brandonjourney3414
    @brandonjourney3414 2 หลายเดือนก่อน

    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.

    • @quickcodingtuts
      @quickcodingtuts  2 หลายเดือนก่อน

      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.

  • @raghaviammu954
    @raghaviammu954 ปีที่แล้ว

    Bro u have done for css ? If it is please provide link of vedio

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +1

      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.

  • @minecraftgameryt5605
    @minecraftgameryt5605 2 หลายเดือนก่อน

    Brother, may I have the files (html) of the video pleaseeeeeee

  • @mahamantraghosh8543
    @mahamantraghosh8543 ปีที่แล้ว

    timestamp for "marquee" tag please

  • @abodisom_official
    @abodisom_official 6 หลายเดือนก่อน +1

    👌👌👌

  • @amanbind7864
    @amanbind7864 5 หลายเดือนก่อน +1

    Full course Rivision in just 32 min 😮

  • @HadiM-rb7yo
    @HadiM-rb7yo 2 ปีที่แล้ว +4

    superb presentation

  • @vhtodaygaming4732
    @vhtodaygaming4732 ปีที่แล้ว

    Javascript ke upar be ak asi video banio please sir🙏🙏

  • @raghaviammu954
    @raghaviammu954 ปีที่แล้ว

    Hey plz do it on css and javascript codes to

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +1

      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.

  • @synoplex8042
    @synoplex8042 ปีที่แล้ว

    Can you try to make something similar and put most of the major Js concepts at one place

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +1

      I do plan on doing the same thing with CSS. When i do that I will start thinking about JS

    • @synoplex8042
      @synoplex8042 ปีที่แล้ว

      @@quickcodingtuts cool

  • @mehulnawal9777
    @mehulnawal9777 2 หลายเดือนก่อน

    how you have created 3d book ??

    • @quickcodingtuts
      @quickcodingtuts  2 หลายเดือนก่อน +1

      You can find it on my channel. Just search for "3d book"

  • @mecyber6316
    @mecyber6316 ปีที่แล้ว

    The Spotify Widget link is "not found" please fix it.

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว

      Spotify has disabled this feature. This is just an example. You can still add other embed elements.

  • @soumyadeepdas094
    @soumyadeepdas094 ปีที่แล้ว

    sir can you provide the html
    source code?

  • @JeezVince
    @JeezVince ปีที่แล้ว

    Really cool, is there something similar for CSS and JavaScript ?

    • @quickcodingtuts
      @quickcodingtuts  ปีที่แล้ว +3

      I just released a CSS flexbox course similar to this. I will make more on different topics in the future.

    • @JeezVince
      @JeezVince ปีที่แล้ว +1

      @@quickcodingtuts Really cool, the format is excellent, kind of reference/cheat sheet with examples.

  • @samueljaworski5737
    @samueljaworski5737 2 ปีที่แล้ว

    This music slaps

  • @FuzioEsitama
    @FuzioEsitama ปีที่แล้ว

    it would be better if there was voice commentary

  • @NicjeyGamer
    @NicjeyGamer ปีที่แล้ว

    ❤️

  • @s.a.salako
    @s.a.salako ปีที่แล้ว +1

    HTML Tag Tutorial

  • @sandip5096
    @sandip5096 2 ปีที่แล้ว +1

    2:50.. start

  • @kunexpected
    @kunexpected 10 หลายเดือนก่อน

    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

  • @janaklulla
    @janaklulla ปีที่แล้ว +1

    I can add a voice for text to you only for 4$ per minute