Basic HTML5 & CSS for beginners (Build One Project)

This course is designed to help beginners to learn the basics of HTML & CSS.

No prior knowledge of HTML & CSS required. You will learn all that from scratch.

In this course, about HTML you will learn:

  • The definition of HTML and why it is a must learn.
  • How a HTML document works (structure).
  • About HTML Block Level & Inline Elements, such as:
  • Headings (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>)
  • Formatting (<em>, <i>, <strong>, <b>, <u>, <mark>, <sup>, <sub>)
  • Forms (Form Elements – <input>, <select>, <option>, <textarea> | Input Types – button, checkbox, color, date, datetime-local, email, file, hidden , image, month, number, password, radio, range, reset | Buttons)
  • More HTML Elements (<p>, <div>, <span>, <a>, <im>, <table>, <thead>, <tbody>, <tr>, <th>, <td>, <ul>, <ol>, <li>, <br>, <hr> <!– –>)

About CSS, you will learn the definition of it and what is the purpose of using it. You then, will learn how the CSS structure parts work, such as:

  • Ruleset (or rule)
  • Selector
  • Declaration Block
  • Property
  • Property Value

To put everything you’ve learned into practice, you will build a project called Lander (static landing page). You will learn how to setup the project structure. This includes:

  • How to organize the HTML, CSS & Image files into folders
  • How to create the HTML Document
  • How to create the header, main content, after content, and footer.
  • How to style all sections using: background colors, text colors, fonts, background images & elements positioning.

By the end of this course, you will have a complete knowledge and the required skills you need to be able to start your programming career that you have always wished for.

Getting Started

1
Introduction
2
Requirements
3
Understanding HTML
4
HTML Document Explanation

Learning HTML Basics

1
HTML Headings
2
HTML Paragraph, Line Break
3
HTML Formatting – Emphasis & Italic
4
HTML Formatting – Strong & Bold
5
HTML Formatting – Underline & Mark
6
HTML Formatting – Superscript & Subscript
7
HTML Comment
8
HTML Anchor
9
HTML Image
10
HTML Table
11
HTML Lists
12
HTML Block Level & Inline Element
13
HTML Form
14
HTML Form Elements – Part 1
15
HTML Form Elements – Part 2
16
HTML Form Elements – Part 3
17
HTML Form Elements – Part 4

Learning CSS Basics

1
Understanding CSS
2
CSS Ruleset
3
CSS Applicable Methods Explanation
4
CSS Applicable Methods Practice
5
CSS Selectors
6
CSS Display
7
CSS Length Units
8
CSS Width & Height
9
CSS Margin & Padding – Part 1
10
CSS Margin & Padding – Part 2
11
CSS Border
12
CSS FLoat
13
CSS Font Family
14
CSS Font Size
15
CSS Font Style
16
CSS Font Weight
17
CSS Colors
18
CSS Text Align

Building Lander (project)

1
Project Structure Setup
2
HTML Structure
3
Lander – Building Header
4
Lander – Styling Header
5
Lander – Building Main Content
6
Lander – Styling Main Content
7
Lander – Building After Content
8
Lander – Styling After Content
9
Lander – Building Footer
10
Lander – Styling Footer
11
Lander

Be the first to add a review.

Please, login to leave a review
Add to Wishlist
Enrolled: 2 students
Lectures: 50
Video: 4 hours
Level: Beginner

Archive

Archive