The Complete HTML Basics 101 Course for Beginners [2023]
Sonny Sangha, React Full Stack Dev + YouTuber
Watch this class and thousands more
Watch this class and thousands more
Lessons in This Class
-
-
1. Introduction to HTML Basics 101
0:59 -
2. HTML Document Layout
14:06 -
3. Tags and Attributes
11:30 -
4. Adding Links and Images
16:36 -
5. Lists and Tables
16:36 -
6. Introduction to Divs
6:55 -
7. Classes and ID's
10:21 -
8. Span and Inline
6:32 -
9. Input and Form Handling
25:42
-
-
- --
- Beginner level
- Intermediate level
- Advanced level
- All levels
Community Generated
The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.
74
Students
--
Projects
About This Class
The HTML Basics 101 Class will help you get started with HTML.
I will teach all the important aspects to getting started with HTML in detail and I promise you that you will learn something whether you're an absolute beginner or an advanced Web developer!
I will guide you on a path to go from absolutely zero experience in HTML to building your first interactive form!
This will set the basis for your web development journey, you can then continue on to my CSS course and React Basics 101 course to learn further!
The goal is to level you up to eventually be capable of making amazing clones such as the Facebook, Snapchat, WhatsApp clones just like the ones on my YouTube channel (Sonny Sangha)
These clones can greatly spice up your digital portfolio which will in turn help you land your dream job as a Web Developer!
Let's Code #PAPAFAM!
- Sonny
REMEMBER!
If you want to take your learning to the NEXT level then be sure to check out our FULL 'Zero to Full Stack Hero' course by clicking HERE
Hands-on Class Project
The HTML Homework Assignment!
A well known cafe in the area has asked for your help to build their menu system online. They need the following menu options made as an online form:
Goal
The purpose of this homework is to focus on creating the different types of form input elements (input text, choose one, choose all that apply, pull-down menu, submit button) – using appropriate name, value and id attributes for them, as well as using the label element to associate text labels with these input elements.
Any type of Javascript integration or CSS styling in the form is not required.
Hints
- Create a label element for all text, radio, and checkbox input elements
- Input Types
- Text input for name
- Radio buttons for here/to go, sandwich choice, snacks
- Checkboxes for gluten free and large drink choices
- Pull-down option for drink choices
- CHALLENGE: Group drinks as shown in the picture below
Your online menu selection form should look something like this:
(This is just for your reference. You don't need to copy the layout exactly)
Class Ratings
Why Join Skillshare?
Take award-winning Skillshare Original Classes
Each class has short lessons, hands-on projects
Your membership supports Skillshare teachers
Learn From Anywhere
Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.
Related Classes
