I Built a Restaurant Website Using Only HTML – My First Frontend Project Series. Part-2

Greetings, and welcome to the second installment of my "My First Frontend Project Series." I am Dilesh Zingare, and if you haven't read the first part of this series, I strongly recommend you catch up, as there is crucial information you might be missing. I have also uploaded video lectures for each article, so you won't have to worry about anything.

To recap the first part, we delved into the fundamental structure of HTML and learned how to link two HTML files together using the anchor tag. Furthermore, I provided you with a link to my entire project on GitHub. Now, let's delve into the second part of this project.

In this segment, we will explore the process of constructing a webpage from scratch. Please be advised, I must be candid with you; I am uncertain whether this webpage will be completed within the scope of this part. However, we will explore further as we progress. Let's begin:

First and foremost, I will present you with an image of the webpage I have built. Following that, we will examine my raw code, and then we will continue with the step-by-step process of constructing it from the ground up. As you can see, the buttons are clickable—nothing more than mere text, but it serves its purpose.

Here is the raw code. Please read it carefully and feel free to ask any questions you may have in the comment section. Explanation: You possess the foundational knowledge of HTML, correct? Now, let's commence from the basics of how to construct it. We will address the style tag later on, as it falls under the CSS domain. If you're curious, the "lang" attribute signifies Language, with "en" representing English.

The "meta charset" tag informs the browser on how to translate the binary data (zeros and ones) into human-readable text and symbols in the output of our code. The "h1", "h2", ..., "h6" tags are heading tags, which are utilized to assign headlines to our text, ranging from large to small. Remember, "h1" is the largest heading tag, while "h6" is the smallest.

Lastly, the "div" tag stands for divider, as the name suggests. It divides the page into sections, and the "class" attribute of a "div" tag can be "class," "id," "style," or any other attribute as needed. That concludes today's lesson. Until our next article, goodbye, and do not forget to apply what you have learned today. I will soon upload the lecture videos, so stay tuned for now. My GitHub URL is available at [https://github.com/dilesh596].