Schalk Neethling

Front-End Engineer, Love the open web



Build your first Webpage - Introduction to HTML and CSS



In this course I will introduce you to the fundamentals of HTML and CSS to set you up with a solid foundation for future success. During the project we will build a basic web page that can serve as the homepage for a pizza restaurant. It includes a simple layout, a basic image gallery, custom fonts, linking, and takes advantage of the natural responsive nature of HTML.

The only thing required is you curiosity, a text editor, and a browser of your choice.

A few useful steps to get you started:

What is HTML 


HTML is the basis on top of which everything is built on the web. HTML stands for HyperText Markup language. A HTML document is a collection of elements that semantically describes the structure of our document. The HTML language is a standard governed by the World Wide Web Consortium(W3C) but, there is constant work being done by both the W3C as well as the Web HyperTest Application Technology Working Group(WHAT-WG) on what is known as the living standard.

With the technical bits out of the way, let us look specifically at the HyperText portion of HTML. The concept of HyperText is what made, and still makes, the web the web. It is the notion of one document linking directly to another document. These document do not have to all be on the same computer either. They can be across nationalities, borders, even out in space itself. It is what makes the web this amazingly interconnected resource, the reason the web should remain open, and free from walled gardens.


What is CSS?


The other technology we will look at as part of this introductory class is CSS. As with HTML, CSS is a what is knows as a web standard, and is governed by the W#C, specifically the CSS working group at the W3C. The acronym CSS stands for Cascading Style Sheets.

Where HTML is concerned with describing the semantic structure of our document, CSS is all about the style. CSS is used to control a wide array of visual properties from colour, layout, typography, positioning, control the size of elements, animation, transitions and so much more.

One of the core features of CSS is its cascade. We will look at this in more practical terms during the class but, the basic concept is as follows. Rules applied to the parent element, cascade down to all of its children, unless those children overrides a specific property. More on this later in the class.


Please sign in or sign up to comment.