HTML/CSS Fundamentals
Phase 2
The Basics Of HTML/CSS
If you are thinking at becoming a web programmer you must learn HTML and CSS. Our course will introduce these basic topics in small bite sized learning modules. Each chapter has it’s very own major project to help reinforce these concepts.
Many learners of this topic area truly enjoy it as it allows them to be creative in their journey.
Bridging the gap between YouTube tutorials and structured learning.
Weekly Tutor Sessions
Meet individually or in groups with our tutors using provided vouchers for personalized support.
For PreCodeCamp Plus Members
Real
Projects
After all Phases are complete you will feel confident to work with companies as a freelancer or to apply for job
Course
Challenges
Coding challenges with video walkthroughs. For tougher tasks, seek help from your Camp Guide.
Testing and Assessments
Our modules include tests and quizzes that provide instant feedback.
Constant Learning
Lifetime access to our Course video. Watch and rewatch whenever you like.
Earn A Certification
Earn a certification upon completion of our courses.
Private
Chat
Chat privately with your instructor or tutor via the web or mobile app.
For PreCodeCamp Plus Members
HTML Essentials: Building Webpages
Discover the fundamentals of HTML, the backbone of web development. Explore its history and learn common elements like headings and paragraphs. Master intermediate tags such as lists and nesting, and create functional hyperlinks. Progress to building multiple webpages with a user-friendly navigation system for seamless browsing.
CSS: Styling Webpages
CSS (Cascading Style Sheets) is crucial for transforming the appearance of webpages, adding visual appeal to HTML content. Explore inline, internal, and external CSS styling methods, and master effective element positioning.
Advance to responsive design techniques using Media Queries, ensuring your website looks great across devices. Discover Flexbox and Grid Layouts for creating flexible, organized page structures.
Learn More.
For Less.
What students are saying.
"I've started the course and like the way the instructor takes the time to build your knowledge on the fundamentals of this language. Amazing!"
Kolwaski P.
Student
"Phenomenal instructor! The depth of knowledge and passion for JavaScript shines through in every lesson. I've learned so much and feel confident in my coding abilities."
Micheal W.
Student
"The instructor breaks down complex JavaScript concepts into digestible chunks, making it perfect for beginners like myself. I feel confident tackling real-world projects after completing Phase 1."
Sarah J.
Student
Understanding
our pricing
HTML & CSS Course Pricing
Disclaimer: Course costs can vary. Once you purchase a course it is yours to keep. Special pricing available for new signups. All pricing is available on your personalized dashboard. PreCodeCamp Plus Membership can be cancel at any time. All perks that the membership gives you will will stop if canceled to include access to courses you did not purchase.
Join a community of
Coders .
Join our vibrant community of coders, learners, and business owners who can help you kickstart your career. Discover how Precodecamp can benefit you by chatting with some of our students to see if we’re the right fit for your educational journey.
30 Users on Our Server
Active Channels
HTML / CSS Fundamentals Phase II
HTML
Introduction
History of HTML
HTML Structure
Live Server Installation
Headers Overview
Header Tags - Code With Me
Paragraph Tags - Code With Me
Self Closing Tags - Code With Me
List Items
Recipe Challenge
Recipe Challenge Submit
Anchor Tags
Image Tags
Using UnSplash Images in HTML Code
Accessing an Image Locally (Relative Path)
Family Reunion Challenge
Family Reunion Challenge Submit
CSS
About This Course
Introduction to CSS Part I
Introduction to CSS Part II
Introduction to CSS Part III
Introduction to CSS Part IV
Styling Types: Inline, Internal, External
Challenge: CSS Fun with Basic Colors
Submit: CSS Fun with Basic Colors
CSS Colors
Choosing Fonts
Using Google Fonts
Using the Inspector Tool in Chrome
CSS Box Model
Challenge: Create A Polaroid Picture Example
Submit: Polaroid Picture Example
Specificity and Inheritance
Combining CSS Selectors
Positioning
Challenge: Create a Simple Counties Flag
Submit: Simple Countries Flag
CSS Display
CSS Float
CSS Media Queries
Challenge: Build a Responsive Layout Design
Submit: Responsive Layout Design
Display Flex
Flex Direction
Flex Layout
Flex Sizing
Challenge: Create a Responsive 3 Column to 1 Column Pricing Table
Submit: Pricing Table