Hello and welcome to my 2nd part of My First Frontend Project Series. I am Dilesh Zingare and, If you didn't read the 1st part of the series believe me you have to read that you are missing something important. I have uploaded Video Lectures of every article I uploaded so don't worry about anything.
Quick Recap of 1st part.
In previous part, we learned about fundamental structure of HTML and how to link two HTML files together by anchor tag. And after that I provided you the link of my entire project on github.
Let's Start 2nd part.
In this part we will see how to build a webpage from scratch. If I be honest with you I don't know if this webpage will complete in this part, What ever We will see later on. Now let's get started:
First of all I will provide you the image of the webpage I have build and then we will see my raw code after that we will continue with how to build it from scratch.
This is how it will look after you build the code. And these buttons are clickable hmm. Don't misunderstand them as only mere text.
This is the raw code.
And here's my github URL for the raw code.
[https://github.com/dilesh596/The-Bite-of-Soul/blob/main/Website.htmltext]
Don't slack off ! You have to read all the code carefully and ask any doubts you have in your mind in comment section.
Explanation.
You know the fundamental structure of HTML right. Now we will start from basics of how to build it. And we will cover style tag later on! Because it is CSS part.
In case you are wondering lang means Language and en stands for English. And meta charset is for informing that how to translate the binary data (zeros and ones) into human-readable text and symbols in the output of our code. h1,h2,......,h6 are heading tags which are used to give headlines to our text like big and small. Remember that h1 is the biggest tag there known and h6 is the smallest tag there known. And div stands for divider it's mean just like it sounds. It divides as a section at the page and class is an attribute of div tag, Attribute of div can be class, id, style, etc.
So, that's it for today see you in the next article. Good bye till then and don't forget to make use of what we learned today. I will soon upload the lecture videos so hang in there for now.
My github URL is.........
Top comments (0)