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.
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!
