Learn To Code Using HTML 5 and CSS 3:Beginner To Expert

Name: Learn To Code Using HTML 5 and CSS 3:Beginner To Expert
Rating: 2.0 (1 reviews)

Learn HTML5 and CSS3 and create modern looking Websites with the Course Certificate

Created byMritunjay Agarwal

Last updated 6/2018

English

What you'll learn

Make REAL web applications
Think like a developer. Become an expert at Googling code questions!
Create complex HTML forms
Be a pro in HTML5 and CSS3 from a complete beginner!!

Course content

6 sections • 36 lectures • 3h 35m total length

Introduction To The Course1:06
Introduction to html 5 and css 3 for beginners, guiding from scratch toward steady growth and practical coding skills.
Introduction To Html4:01
Explore how html, a markup language, structures web pages; see readable source code from sites like Facebook, and learn that html underpins the internet, with JavaScript for styling.
Setting Up Our Own Web Developer Environment5:09
set up our own web developer environment by installing a fast, secure Chrome browser and Sublime Text editor; perform download and install steps to begin coding.
Defining Our First Html Document6:52
Learn to define your first html document by structuring with head and body, adding a title and meta data, and viewing the page in a browser.
Understanding Tags2:08
Learn to code using html 5 and css 3 by understanding tags, exploring basic tag concepts, and how the page structure is shaped.
Types Of Tags3:49
Explore types of HTML tags, distinguish opening and closing tags, and build the base HTML structure with elements and a proper document layout.
Attributes3:31
Discover what attributes are and how to use them to style HTML elements, applying a special property like font size to paragraphs and headings.

Using Style Attribute5:59
Learn to use the style attribute to customize paragraph text by adjusting color, font, and size, while addressing common inline styling challenges in HTML and CSS.
Paragraphs3:43
Explore paragraphs by building simple HTML structures with a body container and basic tags. Use attributes to align text center, left, or right in the browser, reinforcing HTML and CSS.
Headings4:39
Explore heading elements in HTML, learn how h1 to h6 establish document structure, and practice creating six levels to organize content on an environment-themed web page.
Playing With Images6:03
Add images to web pages using the img tag, specify src and alt attributes, and optionally a title; manage online and local sources and handle broken images with alt text.
Links4:52
Learn how HTML links work, using the anchor tag and hypertext reference to navigate between pages, set link text, and test linking to sites like Google.
Divs And Spans6:12
Explore divs and spans in HTML5 and CSS3, learn how div creates block-level containers and spans inline elements, and apply styling to control size and color.
Understanding Lists In Html8:00
Explore how to create and differentiate ordered and unordered lists in HTML, including list items and their closing tags.
Attributes In Html Lists3:59
Explore attributes in HTML lists, using the type attribute to switch between roman numerals, alphabetic orders, and bullet styles, and learn how to nest lists to create complex structures.
Nested Lists5:29
Explore how to build nested lists in HTML, creating lists inside list items and combining unordered and ordered lists, while keeping each list independent of surrounding elements.
Formatting Elements12:50
Learn to format elements in HTML5 and CSS3 by exploring borders, the strong tag for emphasis, image handling, and clear separation of photographs across web browsers.
Tables8:28
Explore how tables organize data into rows and columns, with headers and borders, using examples like employee records and simple tables in Excel.

Nagami Motors Excercise1:06
This lecture guides you through the first self-guided HTML 5 and CSS 3 exercise, encouraging independent work, noting page layouts, and offering a solution if you struggle for Nagami Motors.
Nagami Motors Excercise Solution7:13
Demonstrate how to tackle the Nagami Motors exercise by outlining steps, ordering actions, and interpreting the diagram and post instructions while staying calm and asking for clarification when needed.
The Dragon Ball Project1:28
Explore how to build a web page with HTML5 and CSS3, including adding images, subheadings, separators, and copyright notes, with practical tips and solutions.
The Dragon Ball Project Solution13:34
Explore building a web project with HTML 5 and CSS 3, including structuring content, adding images, aligning elements, creating lists and separators, and testing the dragon ball project solution.
The Form Exercise1:56
Build a web form with HTML5 and CSS3, including username and password fields, gender and country selections, a tick box, and a submit action, plus back-end reasoning.
Form Exercise Solution14:07
Explore how to build an HTML form by solving an exercise, including input fields with placeholders, the essential name attribute, country select options, and reading form data.

Introduction2:29
Explore building a visually appealing website with HTML 5 and CSS 3, featuring a blue call-to-action button, globe icon, borders, and a user-friendly front page.
First CSS Webpage6:16
Explore the basics of building a web page with HTML and CSS, defining head and body, using tags and selectors, and applying properties like font size, color, and background.
Classes and IDs5:14
Explore how classes and IDs group and style HTML elements, define reusable properties like size and color, and apply consistent formatting to headings across a web page.
Margin And Padding7:16
Explore margin and padding in HTML and CSS, learn how margins create space around elements, adjust top, right, bottom, and left gaps, and preview changes in the browser.

Styling Images5:26
Discover how to style images in websites using HTML and CSS, focusing on background images, borders, sizing, and making images cover and fit the page.
Styling Links6:04
learn to style links using HTML and CSS, set link colors, and implement simple interaction cues as links are clicked or interacted with, including color changes.
Styling Lists5:39
Style lists in HTML5 and CSS3 by adjusting list item properties and sizes to create precise, readable layouts.

Zenon Page Project1:07
Create and describe web projects through the zenon page project, using a website prompt to describe yourself as an introvert or an actor, then move to studio-level practice.
Zenon Exercise Solution20:52
Learn to build a basic webpage using html5 and css3, applying key css properties to structure content, center text, style with colors and shadows, and adjust font size and family.
Champmag Login Project0:58
Build a blogging site with a login form using HTML 5 and CSS 3, featuring username and password fields and a login action as part of the Champmag login project.
Champmag Login Solution16:02
Explore building a Champmag login solution with HTML5 and CSS3, tying together inputs, name and password fields, and refining layout, borders, and fonts for a clean, responsive login form.
Final Project1:59
Create a gold digger landing page by applying your HTML5 and CSS3 knowledge to build a header, lead text, a sign-up link, and visual effects.

Requirements

Have a Computer with Internet
Prepare to build real web apps!

Description

This course is designed to help you understand and master the latest versions of HTML and CSS, the core technologies behind every modern website. Whether you are a complete beginner or someone who already has basic knowledge, this course will guide you step by step toward building professional, visually appealing web pages with confidence.

Throughout the course, we will work on multiple real-world projects together, ensuring that every concept you learn is applied practically. This hands-on approach will remove all confusion and help you gain a clear, solid understanding of how modern websites are structured and styled. Instead of just learning theory, you will actively design and build components used in real websites.

By the end of the course, you will have a strong grasp of responsive layouts, modern design techniques, and best practices used by web developers today. You will learn how to write clean, well-structured HTML and style it effectively using advanced CSS features to create elegant and user-friendly interfaces.

The course includes exciting projects such as creating a professional login page, an attractive landing page, and several other interesting mini-projects. These projects will help you build a strong portfolio and give you the confidence to design modern-looking webpages from scratch.

Who this course is for:

This course is for anyone who wants to learn about web development, regardless of previous experience
Its also great for the ones who wanna be a front end web developer in the near future
If you wanna have a quick start with your web developer career then this course is PERFECT!!

Learn To Code Using HTML 5 and CSS 3:Beginner To Expert

What you'll learn

Explore related topics

Course content

Understanding HTML7 lectures • 27min

Using Different Elements11 lectures • 1hr 10min

Creating Amazin' HTML Projects6 lectures • 39min

Introduction to css4 lectures • 21min

Styling Elements Using Css3 lectures • 17min

Creating Landing Page Projects5 lectures • 41min

Requirements

Description

Who this course is for: