Create a Simple Single Page Website Using HTML and CSS

Simple website Designing using HTML and CSS

When you are going to be a web developer, you must first learn HTML and CSS. However, you cannot complete learning HTML and CSS. What you can do is you can learn basic syntaxes and do the assignment and pass the exams. Except you will get real experience and knowledge when you design web site in the field. When you are new to web development, or you need to pass your assignment related to HTML and CSS, you can follow this article and create a single-page website within 5–10 minutes. I have also explained all the tags and all the other stuff for your knowledge.

Prerequisites

• VS code

Visual Studio Code is the IDE I prefer. You can use any other IDE to edit the files. Or else, you can download the VS code editor from here.

• Install the Live Server extension into the VS code.

To check and run the changes on the browser, I installed the live server into VS code. Then you can check the changes when we develop the pages with just one click. Or else you can run the file using any other way you prefer. To install the live server, you need to Open VSCode and type ctrl+P, type ext install ritwickdey.liveserver , and press enter.

So let’s go to the implementation. You need to follow the steps below.

Step 01

Create a folder called genotechies (Anywhere on your computer) and open that folder through the editor. Inside that folder, create the index.html file.

• You can run the index.html file using the Live server. Please right-click on index.html file and choose the option Open with Live Server. It will open the page on your favourite browser.

Step 02

This is the basic template of an HTML page. First, I copied it to the index.html file. So we are…