Web Design

HTML and CSS Basics

Lear the basics of HTML and CSS

HTML and CSS Basics – Ch. I

HTML – Explained

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

HTML is the language for building web pages! With HTML you can create your own Website. But only HTML without CSS is just playen and simple UGLY :(.

The HTML5 standard does not require lowercase tags, but I command it.

In the Image below you can see a Example of a basic Web page main build. It contains the most important part of the Web page.

Let`s start from top to bottom and explain each Element in this image.

HTML Basics – The <!DOCTYPE html>

This declaration defines this document to be a “HTML5” document for the browser. It also helps the browser to display web pages correctly. It must only appear once, at the top of the page (before any HTML tags).

Short history

Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014 -till today

HTML Basics – The < html> Tag

This element is the root element of an HTML page and it defines the whole document. It is one of the so called Tag`s that has a Opening/Start “< html>” and a Closing/End “</ html>” Tag. The HTML document itself begins with Opening/Start “< html>” Tag and ends with  Closing/End “</ html>” Tag .

The lang=”en” defines that the page is written in English

HTML Basics – The < head> Tag

This element is a container for all the head elements. The “< head>” element can include a title for the document, scripts, styles, meta information, and more. It also has a Opening/Start “< head>” and a Closing/End “</head>” Tag.

HTML Basics – The < body> Tag

This element is a container for all the head elements. The “< head>” element can include a title for the document, scripts, styles, meta information, and more. It also has a Opening/Start “< head>” and a Closing/End “</head>” Tag.

HTML and CSS Basics – Ch. II

CSS – Explained

As I sad in the HTML section, just HTML without any kind of CSS makes at least in over days Web Pages look unbereble.

in the example below we have a small website of my without and with CSS. You can clearly see the difference of how much of a impact CSS makes.

Just HTML
HTML + CSS

So what exactly is CSS ?

CSS stands for Cascading Style Sheets

CSS is a language that describes the style of an HTML document. It also describes how HTML elements should be displayed. It saves a lot of work and can control the layout of multiple web pages all at once!

Finde out More!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: