Let's start the Hacker Factory series on programming with creating websites.
What is in a web page?
There are three main parts to a web page: the content (or HTML), the style (or CSS) and the code (or JS) - we will master them one by one.
The content of a webpage, the stuff that's there is usually the most important stuff on a page. The content is described in a language called HTML and is a markup language: it is really a set of instructions interpreted by a browser to display a web page. It contains elements (like text, links or pictures) and instructions on how to put them together.
Here is an example:
Click Run to see it run, or Play to test some of your own ideas.
When you click run, the browser you're looking at is instructed to display the page with the content "Hacker Factory" in that box above. Since this content does not contain any special HTML instructions, it is displayed just like that.
Go ahead and play with the html box in the play area...
By the way, HTML stands for HyperText Markup Language - we'll figure out exactly what that means a bit later.
The idea of a markup language is to mark up the content, to instruct the browser what to do with the content. For instance, we can markup the content to be bold or italic:
You can see the markup is done by inserting what's called tags at the beginning and the end of the section we're marking, like
</b> to mark a text as bold.
Click play above and play with it, i.e. type a few paragraphs, get a feel for it.