DEV Community

Cover image for I Built a Restaurant Website Using Only HTML – My First Frontend Project Series. Part-1
Dilesh Zingare
Dilesh Zingare

Posted on

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

Hello and welcome to my new Article. This article is too big to fit only on the one page it could be 50,000 to 90,000 letters long or may be worst that that so, I was thinking what should I do in case it is too big. If anyone want to read it they will be scared to the death after seeing the size of it so instead I break article in the several parts so anyone can read it in parts. Let's get started.

HTML stands for HyperText Markup Language.

CSS stands for Cascading Style Sheets..

In case you are wondering it is fully beginner level project using only HTML and CSS languages. And remember that I am here to teach you all from scratch after all the articles, I have uploaded the lecture videos for each article teach you where to start and how to start. You can count on me.

Today was only the introduction and main event will starts from next article of this series and believe me you don't want to miss it.

I am guessing that you already know the basic structure of HTML in case of you don't know I mentioned it below. Don't forget to take a look at it.

For now I will show you how to link other HTML files together.....

We use anchor tag ...... to link two files together and have to add href for linking it and have to add class= "button-link" it's work as clickable link. And like that you can link two files together pretty simple right.

Here's the original code I used for link files in my project..........

[https://github.com/dilesh596/The-Bite-of-Soul/blob/main/link.html] : This is the raw code which i wrote. So that's my github.com link. If you are curious you can look at my projects.

Quick Code Breakdown for Beginners:

<!DOCTYPE html>: Tells the web browser that this is a modern HTML5 document.

: The main container that wraps all the code on your page.

: Stores background information, like your page title and your CSS design styles.

: Contains everything visible on the screen, like your headings, text, images, and buttons.

<!DOCTYPE html>

<html>

<head>

<title>............</title>

</head>

<body>...........</body>

</html>
Enter fullscreen mode Exit fullscreen mode

This is the structure of HTML code.

Ok then see you in the next article. Good bye till then.

Here is my github URL..............

[https://github.com/dilesh596]

Top comments (0)