Learn and Earn with HTML & CSS
4.1 (204 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,349 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn and Earn with HTML & CSS to your Wishlist.

Add to Wishlist

Learn and Earn with HTML & CSS

Learn HTML & CSS step by step and start earning with these skills
4.1 (204 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,349 students enrolled
Last updated 3/2016
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 16 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
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.
View Curriculum
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)
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.

Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 69 Lectures Collapse All 69 Lectures 03:58:20
+
Introduction
4 Lectures 10:25

Course outline, Assignments and Projects detailed overview

Preview 02:24

Major benefits of learning HTML

Preview 02:52

Brief introduction about HTML and where we use it

Preview 02:15

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

Preview 02:54
+
HTML Foundation 1
5 Lectures 11:44

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

First HTML Page
01:50

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

Preview 02:59

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

Heading & Para
03:05

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

Basic Formating
02:34

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

Assignment No. 1
01:16

HTML Foundation 1 Quiz
8 questions
+
HTML Foundation 2
5 Lectures 14:26

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

Internal Links
02:58

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

External Links
02:19

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

Images
04:31

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

Lists
02:54

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

Assignment No. 2
01:44

HTML Foundation 2 Quiz
6 questions
+
HTML Foundation 3
6 Lectures 17:33

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.

HTML Tables
04:06

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

Block & Inline Elements
03:11

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.

Div and Span
03:15

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.

Class and ID
02:43

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

Preview 02:58

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.

Assignment No.3
01:20

HTML Foundation 3 Quiz
5 questions
+
HTML Foundation 4
6 Lectures 16:23

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.

Forms
01:54

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.

Text Field and Text Area
04:37

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

Radio Button and Check Box
03:33

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

Preview 01:54

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

Buttons
02:36

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

Assignment No.4
01:49

HTML Foundation 4 Quiz
5 questions
+
HTML Foundation 5
5 Lectures 09:51

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

Header & Footer
01:55

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

Nav Tag
01:19

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

Section and Article
02:43

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

Address and Aside
02:33

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

Quotes and Blockquote
01:21

HTML Foundation 5 Quiz
4 questions
+
CSS Foundation 1
7 Lectures 24:52

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

Style
02:11

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.

Internal Style
04:15

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?

External Style
04:18

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.

CSS inheritance
01:57

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

CSS Selectors
05:04

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

Preview 05:14

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

Assignment No.5
01:53

CSS Foundation 1 Quiz
7 questions
+
CSS Foundation 2
6 Lectures 30:03

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

CSS Borders
02:30

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

Preview 05:49

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

Background Images
06:02

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

Styling Tables
03:56

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

Styling Forms
08:33

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.

Assignment No 6
03:13

CSS Foundation 2 Quiz
7 questions
+
CSS Foundation 3
5 Lectures 12:50

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

Links in CSS
03:26

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

CSS Float
03:19

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

CSS Clear
03:48

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

CSS Positions
11 pages

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

Assignment No. 7
02:17

CSS Foundation 3 Quiz
5 questions
+
Final Project 1
5 Lectures 20:21

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

Project Over View
01:16

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

Coding and styling header area
06:15

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

Coding and styling feature post
06:53

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

Coding and styling columns
03:58

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

coding and styling footer
01:59
2 More Sections
About the Instructor
Khawar Zaman Software Engineer
4.1 Average rating
204 Reviews
9,349 Students
1 Course

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.

Muhammad Imran Abbasi
4.1 Average rating
204 Reviews
9,349 Students
1 Course
Software Engineer