Course 1: Webpages, Documents, and Structure

This was my introduction to the world of coding. I wrote some simple HTML and CSS to make static web pages. I was first introduced to the principle of 'Don't Repeat Yourself' in this course when I started using HTML classes and CSS styling to make similar HTML elements look the same.

Lesson 1: The Basics of the Web and HTML

The internet is a bunch of computers communicating over HTTP

HTML: HyperText Markup Language
Elements: HTML documents are made up of HTML 'elements'.

Lesson 2: Creating a Structured Document with HTML

How elements within elements creates a structured 'box-like' model of a web page.

Divs and Spans: These are the two 'container' elements that can be used to build the structure of a web page.
Box Model: Everything on the web is boxes!

Lesson 3: Adding CSS Style to HTML Structure

By giving similar HTML elements the same 'class', we can write all the styling for that class just ONCE and it will apply to every element.

Style: The 'style' of an HTML element is just a bunch of rules which describe how that element should look. This style can be specified in a CSS file.
Avoiding Repetition: It's good to avoid repetition when programming. If you give the same style to similar elements, you can reap the benefits of this when you quickly and easily modify all of them at once just by changing a single line of CSS.

Course 1: Webpages, Documents, and Structure

Lesson 1: The Basics of the Web and HTML

Lesson 2: Creating a Structured Document with HTML

Lesson 3: Adding CSS Style to HTML Structure

Want to learn to code?