How to make a simple web page with HTML

on


How to make a simple web page with HTML




Making a site these days is like having internet connection and browsing the net. With a lot of services, you just might find what you want.
Even with these services, the problem is that they don’t give exactly what you want. Most people prefer coding their site for full satisfaction.
In this post, I will show you how to make a simple website with coding.
NB: This can be edited to your taste 😤😖

Lets get started;

Step one: Set up your coding environment

-          You need a good text editor. Preferably notpad++. Get it here
-          You need a good browser. I use chrome for my coding.
-          Get a PC or mobile text editor app.
-          Note: Notepad or word pad can be used.


Step two: Open your text editor

Here is a list of tags I will be using and what they do.
-          <html>…</html> - Specifies the the working environment.
-          <head>… </head> - The none visible part of the page
-          <body>…</body> - The visible part of the page.
-          <center>…</center> - Aligns an object to the center of the page
-          <title>…</title> - Shows the title of the page
-          <h1>..</h1> - Heading tag. Used for headings.
-          <p>..</p> - Paragraph tags.
-          <marquee>..</marquee> - Make a scrolling text on the page.
-          <img src=””/> - Inserts an image into the page
That’s all. Lets go.

Step three: Starting.

Create a folder for your work.

Create a file “index.html”

Copy and paste the following

<html>
<head>
<title>MY First Web page</title>
</head>
<body>
<center><h1>Simple Web page</h1></center>
<marquee>This is a scrolling text</marquee>
<p> This is a paragraph</p>
<p>You can edit and add mort text</p>
<img src=”hello.jpg”/>This is an image<br>
<h2 style=”color:red”>Red heading</h2>
<h3 style=”color:green”>Green heading with <span style=”color:red”>Red</span> Text</h3>
<a href=””>This is a link</a>
<a href=https://facebook.com/mycodehive>Facebook page link</a>
</body>

</html>

 

Step six: Saving

-          Save the file as index.html [and all file types (if using windows notepad)]
-          Copy an image from your pictures and paste in the folder created in step three
-          Rename the image to hello.jpg
-          Open the index.html file in your browser.
And there you have it. 😌😜
Your first webpage.
Like and please comment if you have a problem any where

Promotion:

Start earning Bitcoin  Click Here

Comments

Post a Comment