Class-2: Basic of HTML || Quanta++

Опубликовано: 27 Май 2025
на канале: Quanta Plus Plus
20
4

Quanta Plus Plus's introductory front-end development class, where Quanta Plus Plus explained HTML basics including file structure, essential tags (div, p, semantic tags, headings, lists, hr), attributes, forms with various input types, and the execution of HTML through a live server in a browser. The participants learned about fundamental HTML elements and how they are displayed.

summary:

*Introductions:* Quanta Plus Plus welcomed participants; mentions by Khadeja, Sam, and Sheam. First class started with Rudra joining (00:00:00–00:12:44).
*HTML Basics:* Explained HTML structure, DOCTYPE, language, and template in VS Code. Displayed "Hello world" via live server (00:12:44–00:26:54).
*Tags & Structure:* Covered div, p, html, head, meta, title, body, semantic tags (header, footer, nav, main, section, article) (00:34:33).
*More Elements:* Introduced i, address, h1–h6, hr, comments, ol, dl, dt, dd, anchor tags (00:43:57–00:53:23).
*Media & Links:* Covered image, anchor, video, audio, iframe, and CSS links (01:00:28–01:08:08).
*Forms:* Explained form tag, attributes (name, action, method), input types (text, number, password, email, date, file), submit button (01:08:08–01:16:38).
*Input Attributes:* Discussed radio, checkbox, file input, and placeholder (not for date) (01:24:16).
*Tables & Settings:* Brief note on tables, VS Code settings, caret animation (01:30:21).
*Live Server:* HTML runs locally; demonstrated live preview in Chrome (01:30:21–01:37:18).
*Next Class:* Announced focus on VS Code and Turn Group Fish.


.
Quanta++ is our Programming Team. #
Welcome to our channel! In this channel, we dive into the exciting world of programming, web design, and web development. Whether you're a seasoned coder or just starting out, this channel has something for everyone. Join us as we explore the latest tech news, discuss coding tips and tricks, and provide web development help and support.
Don't forget to visit our website for even more resources and tutorials. So grab your computer, get ready to code, and let's dive into the fascinating world of software development together!

Contacts............................................
LinkedIn:   / quantaplusplus  

Facebook:   / quantaplusplus  

Discord Server:   / discord  

Instagram:   / quantaplusplus