Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn HTML and CSS from Scratch in English

Learn HTML and CSS from Scratch in English

Front-end web development
Created byAbdul waheed
Last updated 10/2023
English

What you'll learn

  • HTML Introduction and Basics
  • HTML Text formatting, Comments, Color
  • CSS in HTML, favicon, images and links elements
  • Page title and Table elements
  • Lists elements and Block & inline elements
  • Head, meta, link, Style & Script elements
  • Entities, Symbol entities, emoji, Charset attribute
  • Form elements

Course content

2 sections17 lectures2h 7m total length
  • Lecture # 1 | HTML Introduction and Basics9:29

    In this lecture I am going to tell you HTML Introduction and Basics, so you will learn:

    What is HTML

    HTML editors

    HTML elements

    HTML Attributes

    HTML Headings and Paragraphs

  • Lecture # 2 - HTML Text formatting, Comments, Color4:25

    In this lecture you will learn:

    HTML Text formatting elements tags

    HTML Quotation elements tags

    HTML Comments

    HTML Color

  • Lecture # 3 | CSS in HTML, favicon, images and links elements8:26

    In this lecture you will learn:

    - CSS to use in HTML

    - How to set favicon for your website

    - images and anchor links elements

  • Lecture # 4 | Page title and Table elements5:19

    In this lecture you will learn:

    - How to Set web page title

    - What is HTML table

    - Table header, table row and table data elements

  • Lecture # 5a | Lists elements and Block & inline elements5:47

    In this lecture you will learn:

    - What are ordered and unordered list elements,

    - What is meant by block elements like div,

    - What is meant by inline elements like span

  • Lecture # 5b | Head, meta, link, Style & Script elements4:35

    In this lecture you will learn:

    - What is HTML head tag element,

    - What are meta tags and their usage,

    - How to include CSS using link tag element,

    - Using style tag element for inline CSS,

    - Using script tag element to add JavaScript in HTML document

  • Lecture # 6 | Entities, Symbol entities, emoji, Charset attribute4:26

    In this lecture you will learn:

    - What are Entities and symbol entities,

    - How to use emoji in HTML,

    - Charset attribute in meta tag element


  • Lecture # 8 | Form elements11:16

    In this lecture you will learn:

    - HTML form elements,

    - input form element,

    - Textarea form element,

    - Label element,

    - Button element,

    - Fieldset and legend elements


Requirements

  • You are going to Learn first technology to become web developer
  • Basic know how about website and browser
  • You may aware of what are technologies involved in creating websites

Description

If you want to earn money online. Learn Skill. Front-end web design and development is a good skill to earn online. It is used to make static type of websites.

I am an expert front-end web designer.

I will be teaching the technologies used to create static websites including HTML and CSS, in English.

So in this course, you will be able to learn the following: 

1. HTML Introduction and Basics

2. HTML Text formatting, Comments, Color

3. CSS in HTML, favicon, images and links elements

4. Page title and Table elements

5. Lists elements and Block & inline elements

6. Head, meta, link, Style & Script elements

7. Entities, Symbol entities, emoji, Charset attribute

8. Form elements


CSS

9 - CSS Introduction

10 - CSS Syntax

11 - CSS Selectors

12 - How to add CSS, internal, external, and inline CSS

13 - CSS Comments, Colors, Background, Opacity

14 - Box model(borders, margins, paddings, height/width, Outline)

15 - Working with text, fonts, icons, links, and lists

16. Applying CSS to HTML Tables and Forms

17 - Working with text, fonts, icons, links, and lists

18- Combinators, Pseudo-classes, Pseudo-elements

19- Responsiveness

20- Website layout, Templates examples



After you learn front-end web designing, including HTML and CSS, you may be interested to further polish your skills.

Next I will be doing full stack PHP web development course, so stay connected and don't forget to join that. It will also include a front-end technology JavaScript, which is not included in this course.

Who this course is for:

  • Beginner students or web designer who want to learn how to build a professional website