HTML, CSS & Bootstrap Web Development | 8 Hours Full Course | Beginner to Advanced | code io - Tamil
code io - Tamil
View ChannelAbout
code io - Coding Made Simple
Latest Posts
Video Description
HTML 0:00:00 - Intro 0:01:02 - What is HTML ? 0:02:13 - Structure of a HTML program 0:03:36 - VS code set up 0:04:50 - First Program in HTML 0:08:34 - Code Explanation 0:09:45 - Comments in HTML 0:13:42 - Not so Fun Facts 0:17:17 - The heading Tag 0:20:03 - The paragraph tag 0:22:30 - The pre tag 0:25:10 - The a tag 0:28:57 - The img tag 0:37:04 - br and hr tags 0:38:33 - Absolute URL and Relative URL 0:40:16 - Empty tags 0:42:29 - Not case Sensitive 0:43:36 - Styling Attribute 0:53:15 - Single and Double Quotes 0:55:51 - Bold / Strong Tag 0:58:07 - i and em Tag 0:59:49 - small Tag 1:00:23 - mark Tag 1:01:03 - Bucket List - Naming Reason 1:02:28 - del and ins Tags 1:05:57 - sub and sup Tags 1:07:36 - q Tag 1:08:15 - abbr Tag 1:09:38 - More on comments 1:11:35 - target attribute in link tag 1:13:14 - image as a link 1:15:37 - mailto 1:17:30 - Favicon 1:19:53 - table in HTML 1:24:13 - colspan in table 1:24:54 - rowspan in table 1:25:35 - styles in table 1:29:18 - lists in HTML 1:34:54 - div and span 1:39:07 - class and id in HTML 1:42:07 - iframe Tag 1:46:38 - forms in HTML 1:56:39 - fieldset and legend Tags 1:57:49 - Conclusion CSS 1:58:37 - Introduction 2:00:14 - Prerequisites 2:00:58 - What is CSS ? 2:02:59 - Impact of CSS in websites 2:06:58 - Creating a simple HTML page 2:08:37 - Default Styles 2:13:09 - Trivia Question - 1 2:14:16 - VS code setup 2:17:29 - CSS property syntax 2:21:09 - Types of CSS 2:21:34 - Inline CSS 2:25:20 - Internal CSS 2:27:34 - External CSS 2:32:34 - Trivia Question - 2 2:33:14 - Trivia Answer - 2 2:35:29 - Types of Selectors 2:49:33 - Trivia Question - 3 2:50:01 - Trivia Answer - 3 2:51:28 - Colors in CSS 3:03:01 - Trivia Question - 4 3:03:38 - Trivia Answer - 4 3:04:44 - Backgrounds 3:04:57 - Background color 3:05:38 - Background Image 3:16:07 - Trivia Question - 5 3:16:25 - Trivia Answer - 5 3:17:32 - Borders Styles 3:33:33 - Trivia Question - 6 3:33:44 - Margins 3:46:15 - Padding 3:49:27 - Box Model 3:51:50 - Trivia Question - 7 3:52:26 - Trivia Answer - 7 3:54:17 - Height and Width 4:12:40 - Trivia Question - 8 4:13:03 - Trivia Answer - 8 4:13:05 - Text Formatting 4:27:56 - Trivia Question - 9 4:28:09 - Trivia Answer - 9 4:29:29 - Font Families 4:33:33 - Font Fallback 4:36:31 - Font Formatting and Styles 4:45:17 - Trivia Question - 10 4:45:29 - Trivia Answer - 10 4:46:12 - Tables 5:04:13 - Trivia Question - 11 5:04:27 - Trivia Answer - 11 5:05:48 - More on Selectors (class) 5:10:11 - Priority of styles 5:15:23 - Rounded Corners 5:16:49 - Position 5:26:03 - Overflow 5:29:50 - z-index 5:33:14 - Float 5:35:43 - Display 5:40:18 - Visibility hidden (vs) Display none Bootstrap 5:43:05 - Introduction 5:43:25 - Prerequisites 5:43:36 - What is Bootstrap ? 5:46:19 - Environment Setup 5:48:17 - Bootstrap Setup 5:55:41 - Try it out -1 Question 5:55:54 - Typography 6:13:43 - Try it out -2 Question 6:14:08 - Try it out -2 Answer 6:15:30 - Colors 6:21:31 - Buttons 6:36:26 - Try it out -3 Question 6:36:53 - Try it out -3 Answer 6:38:21 - Margin 6:43:29 - Padding 6:46:16 - Borders 6:49:26 - Roundness 6:52:29 - Shadows 6:54:25 - Try it out -4 Question 6:55:21 - Try it out -4 Answer 6:56:56 - Containers 7:08:57 - Grid Layout 7:25:21 - Try it out -5 Question 7:25:38 - Navbar 7:43:28 - Try it out -6 Question 7:44:12 - Try it out -6 Answer 7:45:24 - Card 7:56:32 - Bootstrap Icons 8:01:09 - Try it out -7 Question 8:02:04 - Accordion 8:06:38 - Forms 8:08:47 - Tooltips 8:11:04 - Modals 8:12:18 - Offcanvas 8:13:16 - Dropdown 8:14:26 - Tabs 8:17:05 - React Course upnext Follow us on Instagram code io - https://www.instagram.com/code.i.o/ Goms - https://www.instagram.com/goms.io/ LinkedIn code io - https://www.linkedin.com/in/code-io-tamil-67682b20b/ Goms - https://www.linkedin.com/in/gomathinayagam-avudaikumar-509a7716a/
Upgrade Your Everyday
AI-recommended products based on this video

Kasa Smart Outdoor Smart Plug by TP-Link (KP400) - Smart WiFi Outlet with 2 Sockets, IP64 Waterproof, Works with Alexa and Google Home, 2.4GHz WiFi Required, No Hub Required, Sunset & Sunrise Offset

Wireless Earbuds, Sports Bluetooth Headphones, 80Hrs Playtime Ear Buds with LED Power Display, Noise Canceling Headset, IPX7 Waterproof Earphones for Workout/Running(Black)

Wireless Earbuds, Bluetooth 5.4 Headphones HiFi Stereo with 4 HD Mic, 50H Playtime Bluetooth Earbuds with LED Display, IPX7 Waterproof Wireless Earphones, Touch Control Ear Buds,USB-C White

Wireless Earbuds, Bluetooth Ear Buds 5.4 Mini HiFi Stereo with 4 ENC Noise Cancelling Mics Wireless Headphones, in Ear Earphones 40H IP7 Waterproof, USB C, Bluetooth Earbuds for Sports, Gym, Rose

soundcore P31i by Anker, Real-Time Adaptive Noise Cancelling, Hi-Res Sound, Translation Earbuds, 50H Playtime, Wireless Earbuds, Bluetooth Earphones, Spatial Audio, Fast Charging, IP55 ClimatePartner certified

Brita Stainless Steel Premium Filtering Water Bottle, BPA-Free, Reusable, Insulated, Replaces 300 Plastic Water Bottles, Filter Lasts 2 Months or 40 Gallons, Includes 1 Filter, Carbon - 20 oz.

Simple Modern Filtered Water Bottle | Insulated Stainless-Steel Carbon Filter Travel Water Bottles | Reusable for Clean Drinking Water On The Go | 24oz, Sea Glass Sage

FITVII Health & Fitness Tracker (Answer/Make Calls), Smart Watch with 24/7 Heart Rate and Blood Pressure, Sleep Tracking Monitor, 120+ Sport Mode Activity Tracker

AYATAHA AYATAHA Smart Watch for Kids, Smartwatch Fitness Tracker for Boys Girls, Children's Activity Watch 37 Sports Modes SMS Notification, HD Full Touchscreen IP67 Waterproof, Blue

Iaret Iaret Smart Watch for Women, 1.83" HD Fitness Tracker with 4 Bands, Answer/Make Calls, Heart Rate/Sleep/SpO2/Step Tracking, 100+ Sport Modes, Android/iPhone Compatible Gift (Rose Gold)

Smart Watch for Men Women 1.8" Fitness Tracker, Bluetooth Call, DIY Dial, Heart Rate Sleep Blood Oxygen Monitor, 100+ Sports Modes, IP68 Waterproof Smartwatch for Android iPhone, Alexa Built-in

Hand Warmers 2 Pack, 14000mAh Rechargeable Hand Warmers, Electric Hand Warmer Reusable, Portable Power Bank USB Hand Warmers 4 Levels 8 Heating, Gifts for Raynauds Ski Golf Camping

Hand Warmers Rechargeable, 10000mAh Electric Heated Gloves Power Bank Portable Graphene Handwarmers Pouch with 3 Levels & Double-Sided Heating for Hunting Camping Golf Xmas Gifts for Women Men Kids

2Pack Rechargeable Hand Warmer, 8000mAh Electric Hand Warmer Power Bank, Portable USB-C Hand Warmer for Pocket, Reusable Hand Warmer Up to 8 hrs Each, Warm Gift for Men Women, for Hunting, Camping

GTOCE Portable Charger,40000mAh Power Bank with 22.5W Fast Charging LED Digital Display Battery Pack with 6 Outputs 2 Inputs, Type C Powerbank Portable Charger for iPhone 16 pro Samsung AirPods,Black

YMZ Smart Watch for Men Women, IP68 Waterproof, Bluetooth Calling, Fitness Tracker, Sleep Monitoring, 1.85'' DIY Dial, AI Built-in, 100+ Sports Modes, 7 Days Battery, Compatible with Android & iPhones

Smart Watch for Men Women 1.8" Fitness Tracker, Bluetooth Call, DIY Dial, Heart Rate Sleep Blood Oxygen Monitor, 100+ Sports Modes, IP68 Waterproof Smartwatch for Android iPhone, Alexa Built-in

Smart Watch for Men Women with Bluetooth Call, Alexa Built-in, Heart Rate & Sleep Monitor, 1.83" DIY Dial Fitness Watch with 100+ Sport Modes, IP68 Waterproof, Compatible with Android iOS

Smart Watch for Men Women with Bluetooth Call, Alexa Built-in, Heart Rate & Sleep Monitor, 1.83" DIY Dial Fitness Watch with 100+ Sport Modes, IP68 Waterproof, Compatible with Android iOS

Hydroponics Growing System Indoor Garden - Herb Garden with Grow Light, 15 Pods Stainless Steel Indoor Garden Kit, Auto Timer, Gardening Gift for All Ages

Umbra Triflora Hanging Planter for Window, Indoor Herb Garden, Set of 5, White/Black

Large Hydroponics Growing System 14 Pods, Indoor Herb Garden with LED Grow Light, 5L Water Tank, Hydroponic Grow Kit with 3 Auto-Timers, Rotatable Light Panel and Child Lock for Home School Gardening

Hanging Planter Hanging Plant Holder, 6 Inch 4 Indoor Plant Pots, Wall/Window Plant Hanger Indoor Herb Garden

Ninja Air Fryer Pro 5-in-1, 5 QT Capacity, Air Fry, Bake, Roast, Reheat, and Dehydrate, Air Crisp Technology, Nonstick Basket & Crisper Plate, Grey, AF142C

Glass Oil Sprayer for Cooking, 180ml Olive Oil Sprayer Bottle with Brush, Olive Oil Spray Mister, Kitchen Gadgets Accessories for Air Fryer, Canola Oil Spritzer (GREY)

Hi.FANCY Portable Laptop Stand with Dual Cooling Fans for 14-17inch Laptops, Grey, 23.5 x 25.9 x 0.95cm

Laptop Stand for Desk, Adjustable Laptop Riser ABS+Silicone Foldable Portable Laptop Holder, Ventilated Cooling Notebook Stand for 10-15.6” Laptops,Tablet-Black

JETech 5 in 1 Case for Samsung Galaxy S25 Ultra 5G with 2-Pack Each Tempered Glass Screen Protector and Camera Lens Protector, Non-Yellowing Shockproof Bumper Phone Cover (Clear)

TAURI for iPhone 17 Pro Max Case 6.9" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

TAURI for iPhone 17 Pro Case 6.3" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

JOINPAYA 1Set Rechargeable Hand Warmer Hand Heater for Winter Heating Levels Compact

Shakven Rechargeable Hand Warmer | Cute Comfortable Portable Hand Warmers,Ergonomic Adjustable Energy-Efficient Small Heater for Travel, Outdoor, Winter

OCOOPA IP45 Waterproof Hand Warmer Rechargeable, Up to 15hrs Heat,10000mAh Durable Quick Charge Electric Hand Heater, PD Compatible, 3 Levels for Outdoors, Heavy Duty, H01-PD PRO




