Let’s take a piece of paper and put it in a frame. It should look like an empty, white tableau. Let’s imagine the piece of paper is infinite and we only see a part of it at a time. This infinite piece of paper is the HTML. It has no specific color, shape, size, nothing but it can have everything if we make it have.
Let’s paint the paper in 1 color. The whole infinity of it. Now the paper has one property called background-color. This property has the value equal to the name of the color.
What we just read it is almost correct. The property part is correct just that we need 1 more information. We need to let the browser,our frame, know what properties it should expect because as the time passes new ones keep getting invented. This is done with something called “doctype”. If this browser and frame parts look strange read the article about browsers first.
Every tableau has a name and a signature of the painter. Our HTML has it as well. We will see later how they look like. For now we should understand that they exist in the “head” of our document. It really is called “head” and it really has something inside it called “title” which is our actual title of the document.
We have learned about the infinite page, the HTML. This infinite document is nothing more than a file with text in it which does nothing. The browser, our frame of the tableau, is the one which reads it and makes something out of it based on the information provided by the doctype.
Here is an example of such a file with only the title:
<title>The title of our tableau</title>
If you want to make it work please comment bellow with what computer you have and I will do my best to help you.
Next time we will learn more about HTML.
Have a nice day,
What is a web browser:
A web browser is similar to a painting’s frame. Very similar to that. Just like the frames, they do not do any magic for the painter or for the tableau. They just help the painter expose his art where he wants to.
The frames can have many shapes. Like in the following image. Sadly, in comparison to the following image, the shape of the frame is up to the user. The artist can only try to make his work target the desired audience and hope that everything will work out nice in the end.
Some frames have a glass window in the middle as the top layer. That window may have imperfections or shades. If an artist knows about them in advance he/she can use them to improve the paining or to cover them.
In the following series of images there is a black string on the lady’s eye. Look how, by knowing where the string is, the artist can manipulate the image and either hide it or reveal it.
The artist is the one who positions everything visually based on his/her liking.
The web browsers are the programs we use every day to view pages. You might have encountered at least one of them if you are reading this text. Here are some examples: Chrome, Google Chrome, Mozilla Firefox, Firefox, Internet Explorer, IE, Opera, Safari.
Anything that you are using in order to view pages is a web browser and, as we have learned above, it is just a program which you ask to get a page for you and paints it on your screen based on how they have been programmed to. You have no control on how they have been programmed. You can only learn about their specific things and design with their minor differences in mind.
We will talk a bit more about those differences in a later article when we will learn more.
For today, just understand that:
- A web browser is a “stupid” program that paints on your screen what another person designed based on how the browser is programmed to.
- We will learn later on how to figure out which is the target audience and there are tools which can help us figure what browsers they are using.
- The web browser is not the internet. We will learn next time what the internet is. Just imagine it like the paining the frame. The paining is the internet. The frame is the web browser. A frame can fit any paining and if the paining is too big we find ways to make it fit.
Have a good one,