Basic Structure of a Website
After understanding the fundamentals of HTML and the establishment of Visual Studio Code, it is presently an ideal opportunity to understand the essential construction of a site. In this exercise, we will zero in just on HTML. Thusly, no compelling reason to stress over CSS and JavaScript now.
We have seen before, by composing an interjection mark, we get the entire heater layout of the HTML code. It saves us time as we don't have to compose the format code physically. The fundamental motivation behind why we utilize Visual Studio Code is it permits code collapsing (limit various areas in HTML) which now and again becomes important to stay away from disarray.
The HTML code contains a few areas like DOCTYPE, meta labels, head, and body. Every one of the labels that we remember for an HTML record, should be first opened and afterward shut by rakish sections. Allow us presently to understand various segments individually.
Doctype HTML - Doctype HTML legitimizes that it is a HTML archive. Along these lines, we are characterizing explicitly for a program to understand that it is an HTML archive.
<html lang= "en"> - It is the initial piece of the HTML label that reveals to us the language of the archive is in English.
<head> - Head contains all the meta-labels in it which are utilized to describe the substance of a site. Meta implies giving data about data. In this manner, meta labels are utilized to characterize the watchwords and depictions on our site. The Head additionally contains the title of the site and every one of the outer records like CSS and JavaScript that we connect to it.
<body> - Body contains every one of the substances of the website page in it. Initially, our site might look somewhat uglier however after including templates it will begin looking appealing.
Sometimes we want to write a particular thing that we do not want the browser to take as a part of the code. So, we can include it in the comments by writing “<!-- Your text -->” in this format. However, there is a shortcut to convert any text into comments. You need to press “Ctrl + / (forward slash)” to convert any texts into comments. Comments are completely ignored by the browser and are treated as those parts in the code which the developer writes for his understanding.
It is necessary because from time to time our codes will get lengthier and we do not want to mix everything. Therefore, comments become important for reference to anything in the future.
I believe you must have understood until now about how the basic structure of a website looks like. You will not face any type of difficulties if you follow the step-by-step process as told. Mostly, the coding part will be done under the body section.
0 Comments