Learn and Earn with HTML & CSS

Learn HTML & CSS step by step and start earning with these skills
4.6 (188 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
9,339 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 69
  • Length 4 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

HTML and CSS are the easiest and most important languages for a new learner to get skills in a short time. Both the languages will help you in this course to create, design and code website quickly, easily and with confidence, if you are keen to develop the webpage.

By practicing given steps and following our step by step approach, you will get your desired skills.

  • HTML Basic to Advance
  • All Tags That Can Be Used In a Web Page.
  • Coding an HTML Page
  • Parent/Child Structure
  • CSS Basics to Advance
  • ID Selectors
  • Class Selectors
  • Descendant Selectors
  • Styling all Tags and Elements in a Web Page.
  • Use of Images, links, lists and much more............................

In the modern age, the web has made the world a global village.There are millions of websites and all the websites are basically made up of two the most important languages.HTML and CSS. Hundred of programming languages are used to make the website and web applications, but the two most important to learn from them are HTML and CSS.

In fact, even people who plan on allowing someone else to build their website should have basic concepts of both HTML and CSS. In this way, you can analyze the hidden things behind the scenes to make the improvement on your own website without having to always rely on others.

Contents:

Initially, This course consists of 69 lectures and approximately 4 hours of content.From beginning to end you will grasp the basic and advanced concepts of HTML and CSS. This course is designed in such a way that it binds you to practice and do code.code and code and at the end you will be able to design and code a website without any assistance. Further, for any assistance and guidance, we are always here to help you.

Overview:

You will start learning all about HTML and CSS from beginning. You have to get the complete understanding of what HTML and CSS and what they do. During the course, you’ll build several web pages and websites that take what it is that you’ve learned and apply it to real-world exercises to help cement the skills.

Everyone from beginners, IT professionals, programmers, web designers to business owners can benefit from learning HTML and CSS.Learn to begin building your own static web page. If you plan on becoming a web programmer or a web designer yourself, HTML and CSS are the first two languages you’ll need to learn. In fact, HTML is required for anyone that wants to get into web development industry from any angle.

What are the requirements?

  • No pre-knowledge required
  • Willingness to Learn
  • Any computer - Windows, OSX or Linux
  • Internet Connection
  • A Text Editor (we will use the best FREE web development editor)

What am I going to get from this course?

  • Develop your own website or blog for personal use.
  • Learn how to make beautiful, interactive websites for business persons.
  • Earn money after learning new skills and increase income.

What is the target audience?

  • Beginners.
  • IT Professionals.
  • Web Design Students.
  • Web Design Beginners.
  • Computer Programmers who want to learn web development.
  • Bloggers.
  • Aspiring Web Designers.
  • Every Non-technical student or individual who want to start his/her career in web industry.
  • Home based working men and women.
  • Anyone who is wanting to learn how to build websites and apps.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
02:24

Course outline, Assignments and Projects detailed overview

02:52

Major benefits of learning HTML

02:15

Brief introduction about HTML and where we use it

02:54

In this lecture, you will learn about commonly used HTML terms like Tags, Attributes and Elements and each element has been described briefly.

Section 2: HTML Foundation 1
01:50

In this lecture you’re going to learn how to create first HTML page.

02:59

In this lecture, you’re going to learn how to create the basic structure of an html page. Understand different parts of HTML page.

03:05

In this lecture you’re going to learn and code all levels of headings and how to use paragraph Tag in HTML page.

02:34

In this lecture you’re going to learn how to format text in an html page using different tags.

01:16

In this assignment you will practice what you have learnt so far.

HTML Foundation 1 Quiz
8 questions
Section 3: HTML Foundation 2
02:58

In this Lecture you will learn how to code for a relative URL (uniform resource locator) or internal links to a webpage.

02:19

In this Lecture you will learn about absolute URL (uniform resource locator) or external links to a webpage.

04:31

In this lecture, you will learn how to add images to your html page.

02:54

In this lecture, you will learn about the types of HTML lists and how to create lists in HTML

01:44

In this assignment you will create a simple webpage to revise all you have learnt so far.

HTML Foundation 2 Quiz
6 questions
Section 4: HTML Foundation 3
04:06

In this lecture you will learn how to code HTML table and possible parts of table rows and columns with respect to tr, th and td.

03:11

In this lecture you will learn and code about most commonly used inline html elements and block html elements and difference between them.

03:15

In this lecture, you’re going to learn how div tag is used to make sections of an HTML page Like header, body and footer, these sections also can be divided into more sections, we also will learn difference between div and span tags.

02:43

In this lecture you will learn the most important and basic concepts of class and id attributes of an element and difference between class and id.

02:58

In this Lecture, you will learn how to use special characters and difference between HTML reserved words and special characters.

01:20

In this lecture you will practice all the code that we have done in last three sections while coding a simple webpage that we have learnt and coded in previous lectures.

HTML Foundation 3 Quiz
5 questions
Section 5: HTML Foundation 4
01:54

In this lecture, you will learn about HTML forms and how to create an HTML form to receive information (data) from the visitors on a website.

04:37

In this lecture you will learn how to code label, text field and text area, difference between text field and text area and their use.

03:33

In this lecture you will learn about radio button and multiple selection check boxes

01:54

In this section you will learn and code drop down list to choose one value from a given list of values.

02:36

In this lecture you will learn why we use buttons in an HTML form and how buttons are created.

01:49

In this assignment you will create a sign up form to revise our knowledge about forms in HTML.

HTML Foundation 4 Quiz
5 questions
Section 6: HTML Foundation 5
01:55

In this section you will learn HTML5 tags and how to code header and footer sections in an HTML5.

01:19

In this section you will learn about nav tag in HTML5 and its use

02:43

In this lecture you will learn about Modern Tags Section and Article for specific purpose.

02:33

In this lecture you will learn how to use Address and aside Tags and difference between them

01:21

In this lecture you will learn about Quotes and block quote Tags in HTML.

HTML Foundation 5 Quiz
4 questions
Section 7: CSS Foundation 1
02:11

In this lecture you will learn and implement css(cascading style sheet) on paragraph tag inline css. What is style attribute?

04:15

In this lecture you will learn internal css, differentiate between inline and internal css styles, internal style rules and which style sheet should be used you will be able to decide.

04:18

In this lecture you will learn External Cascading style sheet(CSS) and how to add external style sheet to an HTML document(page).How to apply css on different tags and why external css is best recommended to use?

01:57

In this lecture you will learn about inheritance in css that how a child element inherits the property of parent element and how to get rid of parent element style.

05:04

In this lecture you will become familiar with css selectors and how to use class and id as css selectors.

05:14

In this lecture you will learn what is a descendent and grouping selector, difference between Descendent and grouping selectors? How these selectors are used in HTML document or webpage

01:53

In this first css assignment you will create a webpage to revise your knowledge about css in HTML

CSS Foundation 1 Quiz
7 questions
Section 8: CSS Foundation 2
02:30

In this lecture you will learn about border property and its values.

05:49

In this lecture you will learn about box model, CSS box model is essentially a box that wraps around every HTML element.

06:02

In this lecture you will learn how to style background images in css.

03:56

In this lecture you will learn about how to syle HTML Tables with css

08:33

In this lecture you will learn, how to style forms and all existing elements in an HTML form.

03:13

In this assignment you must have to test your knowledge that you have acquired till now by creating and styling a webpage, elements in a webpage.

CSS Foundation 2 Quiz
7 questions
Section 9: CSS Foundation 3
03:26

In this lecture you will learn in detail, how to style links in different ways with css.

03:19

In this lecture you will learn about an important property “float” in detail and how to use it.

03:48

In this lecture you will learn difference between float and clear and how to control floating elements with clear property.

11 pages

In these slides you will learn css positioning, no position, absolute and relative positioning.

02:17

In this assignment you have to test your knowledge by creating an html webpage while designing in css.

CSS Foundation 3 Quiz
5 questions
Section 10: Final Project 1
01:16

In this lecture you will know about the overview of your first project, a website that you’re going to develop in this section.

06:15

In this interesting lecture you will code and design header and navigation menu of your first website

06:53

In this lecture you will code and design feature post area of website. You will use concepts you have learnt in previous sections.

03:58

In this lecture you will code and design columns for your website with html and css.

01:59

In this lecture you will code and design footer area of your website.

Section 11: Final Project 2
01:27

In this lecture you will know about the overview of your Final project which you have to start coding and designing from scratch while imaging a template attached with this project lecture.

External Style Sheet
02:59
03:09

In this interesting lecture you will just code header area, logo and navigation of your website in html.

03:44

In this interesting lecture you will design with css, header area, logo and navigation of your html website.

01:14

In this lecture you will code and design banner area using image to make your website interactive and beautiful.

06:35

In this lecture you will code and design hot offers section using multiple images for your website.

04:36

In this lecture you will code and design using image for product of the week

02:08

In this lecture you will code and design footer area of your website.

Section 12: Earn Money Challenges
3 pages

Challenge one in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

4 pages

Challenge two in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

4 pages

Challenge three in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

5 pages

Challenge four in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

6 pages

Challenge five in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

4 pages

Challenge six in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

7 pages

Last Challenge in our journey towards earning money with our HTML & CSS skills which we learnt in this course.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

A passionate software engineer to the core, Khawar Zaman has ventured into and conquered through many unexplored avenues in his career spanned over a decade and a half.

He soon found out that entrepreneurship brought the best out of him and ever since then, there’s not a single day he hasn’t bettered himself as an entrepreneur or helped others tackle their concerns. Starting his career as a junior developer, it didn’t take Khawar to rise to the top of something he loved immensely, i.e. coding. Progressing to be a team lead and a project manager eventually, he found himself lured to the challenges of entrepreneurship.

Code became his favorite language and entrepreneurship became his favorite canvass to express his true potentials. His daring attitude and unmatched passion for coding has led him across the world, meeting some exceptional people on the way and conquering some phenomenal challenges.

Instructor Biography

Muhammad Imran Abbasi, Software Engineer

Ready to start learning?
Take This Course