
Learn the fundamentals of HTML5 and CSS3 to design beautiful web pages. Practice building structures with headers, menus, forms, and a final project to create a professional website.
Learn how to install a code editor. Compare options like Sublime Text, Brackets, Visual Studio, and Atom, and set up your first html project with an introduction.html file.
Learn how HTML, the standard markup language for web pages, uses tags and a proper doctype to structure a page, with visible content in the body and basic preview workflows.
Learn to structure text in HTML using six levels of headings, paragraphs, bold and italic, superscript and subscript, line breaks, separators, blockquotes, and abbreviations.
Learn to create ordered, unordered, and nested lists in HTML, and to build links with anchor tags for internal pages, section anchors, mailto, and target attributes.
Learn to add and optimize images with image tag using src and alt, choose jpeg or png formats, align images left or right, and use figure and figcaption for captions.
Explore block level and inline elements in HTML5 and learn how block elements start on a new line while inline elements flow on the same line.
Learn how meta elements in the head convey keywords, description, and author to search engines, and set viewport and refresh to ensure responsive, time sensitive pages.
Explore how HTML5 forms collect user data with the form tag and input fields. Learn about text, password, textarea, radio, and checkbox controls and the get and post submission methods.
Create dropdowns with the select and option tags, enable single or multiple selections, and add file inputs. Configure submit and image buttons, and introduce basic form validation concepts.
Learn HTML5 form validation by building a complete airline booking system form, using labels, fieldsets, required attributes, and inputs such as text, password, date, email, and url.
Learn how to design with cascading stylesheets by understanding CSS syntax, selectors, and properties, and apply color, borders, and layout to pages using external, internal, or inline methods.
Explore how to apply CSS colors across inline, internal, and external styles, using h1 selectors and color properties with named colors, hex codes, RGB, and HSL values.
Explore CSS text styling with id, class, and element selectors, adjusting color, font family, size, alignment, decoration, and spacing to polish headings, paragraphs, and links.
Learn to style links in lists with css, including removing bullets, hover/active/visited colors, and using images as list markers with inline display and float navigation.
Explore CSS pseudo-classes to selectively style list items, using first-child, last-child, nth-child, and even and odd patterns to set background colors in a list with the class my-list.
Learn to apply a background to a div, center and cover the image, manage overflow, and layer a gradient for visibility, then style a centered call-to-action button with hover effects.
Explore the CSS box model, including content, padding, border, and margins, and learn to apply padding, borders, and margins to HTML elements with practical examples.
Master the four css positioning types—relative, absolute, fixed, sticky—and learn how top, bottom, left, and right control movement, including relative shifts, absolute anchoring, and sticky behavior on scroll.
Build a landing page by coding a header with navigation, services, pricing estimate, and contact sections; integrate Font Awesome CDN and Google Fonts, with a styled email form.
Develop and style the services section by centering text, applying padding and margins, and building outlined, shadowed boxes; implement a purple price estimation area and a styled contact section.
Refine the contact us form by adjusting the box width to 300 pixels, centering text, and styling inputs with borders, border radius, and responsive alignment for a polished web page.
Learn HTML5 and CSS3 by building a professional website, including a photo section, subscription form, navigation with smooth scrolling, and social icons.
Are you ready to learn HTML and CSS to build a real world project?
If you have no prior coding experience or if you want to learn a new skill then this course will make you a pro in HTML and CSS in no time.
All age groups are welcome to take this course as there is no defined age to learn a new skill!
Let HTML and CSS be among your new trophies of skillset.
For Kids and Parents:
2020 is a pandemic year, that means there is plenty of time for both parents and kids to learn coding as a skillset and why not? Programming is the most in demand as people are creating sites like e-commerce, blogs and portals to run their businesses. Now, imagine having the literacy of HTML and CSS (The very building blocks of the web ) in your hands! That’s what this course is all about!
You can move onto learning other skills once you are a pro in HTML and CSS.
Computers are everywhere and they are going to play a major part in transforming our future as basic coding is a must for every child nowadays. Many non-coders have shown great interest in coding because it is the need of the time. A few of these non-coders people have said wonderful things about coding:
“Learning to code is useful no matter what your career ambitions are.”
—Arianna Huffington, Founder, The Huffington Post
“Computer programming is quickly becoming an essential career skill. Learning to code is a fantastic opportunity equalizer—if you’re good at it, it can help you achieve your dreams.”
—Cory Booker, U.S. Senator, New Jersey
“Whether you want to uncover the secrets of the universe, or you just want to pursue a career in the 21st century, basic computer programming is an essential skill to learn.”
—Stephen Hawking, Theoretical Physicist, Cosmologist, Author
The Barrier
We all have moments where things seem almost impossible to conquer and that’s okay as long as we are willing to pass through that barrier. HTML or CSS might seem new and coding can be a little too overwhelming in the beginning but as you sharpen your saw with time, you will see great results and find yourself quite satisfied and improved than before.
This course covers:
HTML links that are essential for hyperlinking webpages with each other.
HTML lists that important to put items in an ordered or unordered format.
HTML <img> tag that is used to add images to your HTML pages.
CSS Box Model which is the most critical part of learning about elements.
CSS Positioning System
Creating a blueprint of the HTML project
Coding and Styling the Agency page with HTML and CSS.