HTML & CSS For Beginners - From zero to hero

Name: HTML & CSS For Beginners - From zero to hero
Rating: 4.1 (454 reviews)

Learn HTML and CSS Basics to have the necessary Knowledge that you must acquire before mastering Web Development.

Created byIslam Ahmad

Last updated 8/2023

English

What you'll learn

Learn What is HTML and Have your first look at HTML
Learn how to declare your HTML document using !DOCTYPE Declaration
Learn How HTML is Structured and have a closer look to elements
Install your editor to start Building your web pages using Brackets Editor
Build your first Web Page using Brackets Editor
Know the difference between Head and Body Tags
Learn How to use Comments
Learn How to add Images to your Web Page
Know How and When to Use HTML Tables
Learn How To Style Your Web Page Using CSS or Cascading Style Sheets
Know CSS Syntax and Start writing your first CSS Code
Learn The difference between Classes and IDs and when to use them

Course content

4 sections • 41 lectures • 1h 53m total length

Introduction1:05
First Look at HTML3:53
What Is HTML1:30
Discover what html stands for, why it powers websites, and how it structures content with nested elements and hyperlinks in a markup language.
Doctype Declaration1:54
Learn how the doctype declaration signals the html version to the browser, ensuring correct rendering. Always place the doctype declaration at the very beginning of your html document.
HTML Anatomy1:50
Intro To Brackets3:45
Discover how to download and install brackets, explore its live preview feature across browsers, and work with HTML, CSS, and JavaScript in a desktop editor for local projects.
FirstWebPage4:59
All you need to Know about Introduction To Html0:02
Test your knowledge

Introduction0:42
HeadAndTitle2:10
Body and self closing tags2:17
Headings1:16
Paragraph And Span2:01
Learn how paragraphs act as block level elements that start on a new line and take full width, while spans stay inline on one line and can color text.
HTML Formating3:25
images6:30
Brackets Extensions8:26
Explore Brackets extensions that boost front-end development with a live preview and an extension manager, featuring three free tools—Emmet, Beautify, and Brackets Icons—for html tagging and indentation.
Why Tables5:33

Introduction0:38
Getting Started With CSS1:49
Learn how cascading style sheets style web pages, control colors, fonts, sizes, shadows, and positioning, and how linking an external CSS file updates the entire site with one file.
How to use CSS5:55
Explore three CSS methods—inline styles, internal style sheets, and external style sheets—demonstrating inline styling with color red and 20px font size, and linking external styles for broader control.
CSS Syntax And Element Selectors1:53
Master css syntax by learning selectors and declaration blocks, using curly braces and semicolons to define property-value pairs; apply element selectors to style elements by name.
Class Selector2:04
ID Selector1:37
More About Selectors5:37
Chaining Selectors1:39
Introduction To CSS

Introduction1:16
Font Properties2:55
Color Property1:24
Learn the css color property and how named colors cover many scenarios. Use hexadecimal and rgb color values to achieve precise hues, from red to purple.
CSS Backgrounds0:56
CSS Height And Width2:13
Selecting Nested Elements1:51
Text Properties2:48
The Box Model1:24
CSS Borders1:40
Explore how the css border property defines an element’s outer edge using thickness, type, and color. Practice with solid, dotted, and dashed borders in red, hex, and rgb colors.
Padding3:06
Border Radius0:55
Discover how the border radius property rounds a box's corners, set all four corners to five pixels, and form a circle using height or 100 percent.
CSS Shadows1:26
CSS Margins3:33
Positioning7:27
Display4:31
Float3:34
Use the float property to position images left or right so text wraps around them. Explore how the clear property clears floats on left, right, or both to control layout.

Requirements

Desire to learn
Computer access
Students only need to know how to use a browser .

Description

In this course you will learn the fundamentals of HTML and CSS , after completing this course you'll have good knowledge to start your next step in mastering HTML and CSS .
These fundamentals are very important for all beginners who want to start their career in Web Development Field.

You will start by Learning HTML basics and how to prepare your HTML document to be used in the Browser .

Then you'll have a closer look on how HTML elements are structured .

After that you'll know how to style your Web Page .

By the end of this course you will be able to create websites from scratch by your own and you will be ready to start your career as web designer Coding is great, but it's not everything! That's why we will go through the entire process of building and launching our website project. This includes designing, coding, planning, writing clean and organized code, website optimization, best practices, and so much more.

Designing is really, really important. Have you seen all these beautiful and modern websites lately? Great! Because I will show you how it's done. And not just in theory, but also in practice. This is the only course on the market that focuses on both coding and designing, together.

Who this course is for:

Beginner HTML and CSS developers who are curious about Web Development Career and Building Stunning Web Pages

HTML & CSS For Beginners - From zero to hero

What you'll learn

Explore related topics

Course content

Introduction to HTML8 lectures • 19min

HTML Fundamentals9 lectures • 32min

Introduction to CSS ( Cascading Style Sheets)8 lectures • 21min

Styling The Web using CSS16 lectures • 41min

Requirements

Description

Who this course is for: