HTML Full Course for Beginners | From Zero to OG | Master HTML with Complete All-in-One Tutorial

Опубликовано: 14 Декабрь 2024
на канале: Programming with Adil
2,367
139

In this complete 7 hour tutorial you will learn everything you need to know about html. This course covers almost every major topics of HTML. After this tutorial You will become master of HTML like from Zero to OG.

____________________________________________________

Youtube channel:    / @programmingwithadil  
🚩 Subscribe: https://www.youtube.com/@programmingw...


☕ Buy Me A Coffee: https://www.buymeacoffee.com/AdilCheers

🙃 Be a Supporter:   / adilappreciates  


Hello I'm
Md Adil Hossain
Your Coding Guide

✅Follow Me:
Github: https://github.com/Adil1109
Portfolio: https://mdadilhossain.netlify.app/
Facebook:   / md.adil.hossain.yt  
Linkedin:   / md-adil-hossain  
Instagram:   / adil.s_profile  
Twitter:   / adil_s_profile  

☑️Join Us:

Facebook Page: https://www.facebook.com/profile.php?...
Facebook Group:   / 711489794232187  

Timestamps:
00:00:00 - Instructions
00:01:08 - Introduction to HTML
00:04:09 - First HTML Code (Notepad and Edge)
00:10:56 - Installing Google Chrome
00:12:40 - Installing VS Code
00:14:39 - Configuring Live Server
00:19:55 - Paired vs Unpaired tag (br tag)
00:24:05 - HTML entities
00:30:32 - Text Foratting
00:36:09 - Nesting of tags
00:39:57 - Code indentation (Setup prettier)
00:43:01 - Math and Chemistry formulas (sup & sub tag)
00:48:02 - Line through Text
00:53:14 - Highlight Text
00:55:59 - big, small and pre tag
00:59:01 - block vs inline level tags (heading tags)
01:06:05 - Attributes (text and align attribute)
01:10:31 - Font face, size & color
01:15:37 - Background vs bgcolor
01:26:00 - Comments & VS Code Shortcuts
01:33:32 - Binary and hexadecimal number system (Color codes)
01:45:03 - hr tag and it's attributes
01:48:32 - p tag and it's attributes
01:52:11 - img (image) tag and it's attributes
01:58:59 - Expandable element (details tag)
02:01:14 - marquee tag and it's attributes
02:07:42 - Cards (figure and figcaption tag)
02:11:06 - HTML 5 structure and Meta tags
02:16:40 - Ordered Lists
02:20:35 - Unordered Lists
02:23:33 - Nested Lists
02:28:32 - Definition Lists
02:31:21 - Blockquote tag
02:33:48 - Debug html code
02:36:47 - bdo and bdi tag
02:40:31 - Anchor tag and it's attributes
02:45:44 - target attribute
02:49:37 - Hyper Image
02:53:04 - Same page Navigation
02:58:12 - Navigate to section of other page
03:04:07 - Email Links
03:08:49 - Call Links
03:12:22 - Video tag and it's attributes
03:21:53 - Audio tag and it's attributes
03:28:41 - Embed tag usecases
03:36:38 - Working with different files with anchor tag
03:43:05 - HTML map & area tag
03:54:42 - Download attribute
03:58:53 - Base tag usecases
04:03:39 - code & kbd tag
04:06:24 - table, caption, tr, td tag
04:10:02 - th tag
04:12:12 - Table bgcolor
04:17:19 - Cellspacing, Cellpadding, Bordercolor
04:21:53 - Align vs Valign in table
04:28:18 - Table rowspan and colspan
04:35:46 - thead, tbody and tfoot
04:40:39 - Add favicon to website
04:45:49 - Add css to website
04:55:26 - Div tag usecases
05:01:48 - Span tag usecases
05:05:49 - Form tag and it's attributes
05:10:03 - Text field and respective attributes
05:19:57 - Password field and respective attributes
05:22:56 - HTML Radio buttons
05:29:00 - HTML checkboxes
05:33:34 - Dropdown (Select & option tag)
05:37:57 - HTML datalist
05:41:33 - Textarea tag and its attributes
05:45:25 - Submit button and Image button
05:54:33 - Reset button and Normal button
05:59:45 - optgroup tag
06:02:43 - All input types
06:16:47 - Fieldset, Legend and Label tag
06:21:06 - iframe tag and it's attributes
06:29:11 - Embed Google Map
06:31:13 - Embed Youtube Video
06:33:20 - Meter and progress tag and attributes
06:39:29 - Add JavaScript (Script & Noscript tag)
06:45:42 - HTML semantic tags
06:57:21 - Deploy & Host website
07:01:54 - Open Graph Protocol


Was this HTML course helpful? If yes, please share. Let me know your thoughts in the comments.

🚀 References:
W3Schools: https://www.w3schools.com/html/
MDN: https://developer.mozilla.org/en-US/d...


#html #html_turorials #html_for_begginners #html_full_course