Landing page
Table of contents
No headings in the article.
Based on our learning till this part for front end we are going to make a landing page using our learning where we are going to apply it and create that page.
Starting with our basic rule of creating a head for our page.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>NATURE</title>
</head>
Basically, what we are doing here is that we are creating a head tag specifying some conditions in the HTML Head tag
<meta charset="UTF-8">: It tells that here we want that display the characters; symbols etc. proper from different languages.<meta name="viewport" content="width=device-width, initial-scale=1.0">- It make sure that web page scales up properly across different screen size and resolution.<link rel="stylesheet" href="css/style.css">- In this line we are giving instruction to our main file to get stylesheet access for the file.Here
hrefis showing that we have to take reference of the file present in the location mentioned in front of this.Eg- In the above code the file is
style.csswhich contains the style of the webpage whilecssbefore slash is telling the folder in which this file is present.
<title>NATURE</title>: This line is specifying the text that will appear on the top of the web page when we run it.
So this is line wise explanation of head. Now we further will make the webpage.