Basic HTML & CSS for beginners (Build One Project)

Name: Basic HTML & CSS for beginners (Build One Project)
Rating: 4.0 (258 reviews)

Build your programming career with the ultimate basic HTML5 & CSS course!

Created byReyes Sandria

Last updated 11/2018

English

What you'll learn

Build beautiful world-class and high-performance web design or websites that will grab the attention of anybody
Understand the concepts behind HMTL & CSS
Understand and write HMTL & CSS code

Course content

4 sections • 49 lectures • 4h 26m total length

Introduction1:37
Requirements1:15
Choose a text editor for the course, such as Brackets or Notepad, and follow the free installation steps to meet the basic HTML and CSS project requirements.
Understanding HTML1:02
HTML Document Explanation6:03
Explore the anatomy of an HTML document, from doctype to root, head, and body, including the title, h1, and p tags, with a hands-on basic file creation in brackets.

HTML Headings2:26
HTML Paragraph, Line Break & Thematic Break5:19
HTML Formatting - Emphasis & Italic2:56
HTML Formatting - Strong & Bold1:39
HTML Formatting - Underline & Mark2:26
HTML Formatting - Superscript & Subscript2:58
Learn to implement superscript and subscript using semantic HTML, with <sup> and <sub> tags inside a paragraph and practical examples for chemical formulas.
HTML Comment2:31
HTML Anchor3:19
Learn how HTML anchor elements enable navigation within pages or to external sites using the href attribute. See a practical example linking to Facebook.
HTML Image6:04
HTML Table9:29
HTML Lists4:11
HTML Block Level & Inline Element4:41
HTML Form1:39
HTML Form Elements - Part 112:17
HTML Form Elements - Part 24:51
HTML Form Elements - Part 32:07
HTML Form Elements - Part 49:47

Understanding CSS0:42
CSS Ruleset1:30
Learn how CSS rule sets function by identifying selectors and declaration blocks, writing properties and values such as color, font size, padding, and margin, and applying them to elements.
CSS Applicable Methods Explanation1:01
Learn inline CSS, internal styles, and external style sheets to apply rule sets; inline styles affect an element, internal styles live in the head, and external styles link to pages.
CSS Applicable Methods Practice8:05
Practice applying CSS through inline styles, internal style in the head, and external stylesheets, learning to color text, create files, and link styles to HTML.
CSS Selectors4:55
CSS Display7:17
Explain the css display property and its values—block, inline, and inline-block—and show how they alter width, height, and layout of elements like spans, with floats.
CSS Length Units12:17
CSS Width & Height3:32
CSS Margin & Padding - Part 110:56
CSS Margin & Padding - Part 26:20
CSS Border8:39
CSS Float9:24
Learn how the CSS float property positions elements to the left or right of a container, and how none resets the float. See examples placing multiple items on one row.
CSS Font Family3:41
CSS Font Size6:08
CSS Font Style3:55
CSS Font Weight4:23
CSS Colors10:11
CSS Text Align2:46
Basic HTML & CSS Quiz

Project Structure Setup2:39
HTML Structure4:57
Lander - Building Header3:33
Lander - Styling Header13:10
Lander - Building Main Content8:38
Lander - Styling Main Content14:51
Style the HDMI content with CSS, applying typography, margins, center alignment, container width adjustments, color, text decoration, borders, and link styling for a polished page.
Lander - Building After Content7:47
Lander - Styling After Content8:52
Lander - Building Footer3:24
Lander - Styling Footer4:21

Requirements

The ability to download and install a free code editor
The usage of Google browser or any other similar web browser
Basic computer skills
No HTML or CSS or Web Development prior knowledge is required. You will learn all that in this course!

Description

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's 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'll build a project called Lander (static landing page). You'll 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've always wished for.

Who this course is for:

Newbies in programming.
Those who want to learn web development from scratch.
Anyone who wants to learn HTML & CSS basics.
Those who want to start building a career as a Web Developer.

Basic HTML & CSS for beginners (Build One Project)

What you'll learn

Explore related topics

Course content

Getting Started4 lectures • 10min

Learning HTML Basics17 lectures • 1hr 19min

Learning CSS Basics18 lectures • 1hr 46min

Building Lander (Project)10 lectures • 1hr 12min

Requirements

Description

Who this course is for: