This tip will tell you exactly how to code your own HTML website.
First, remember that most tags must be eventually closed. The syntax would be: <tag> CONTENT </tag>.
Open a text editor such as notepad, or the HTML editor for your hosting service.
The first tag in your website should be <html>, which starts the HTML site.
Immediately after this should come the <head> tag.
So far, you should have the following:
<html>
<head>
The next step is to enter the title of your website. This is what shows up in the title bar of the internet browser. Put the title between the <title> and </title>. Then, end the head with </head>. You will end up with:
<html>
<head>
<title>TITLE</title>
</head>
Other data to put into the head includes metadata and stylesheet data.
The next step is to add the body of your website. This is where all the important stuff goes. Start out the body with the <body> tag. In a basic website, all the real content goes in the body.
The most basic way to write the body is to simply write a heading, then type.
Within the body, start off by writing the first heading. This should be big, so the <h1> tag should do the trick. After that, simply write the text of the site. Remember the syntax for making links:
<a href="http://www.linktarget.com">LINK</a>
And for making images:
<img src="http://imagesite.com/image.jpg"> .
Remember, most HTML Tips can be simply inserted into the body and used immediately.
Finish off the body with </body>, and the body is done.
The code with the body included should look like:
<html>
<head>
<title>TITLE</title>
</head>
<body>
<h1>THE SITE</h1>
blablabla
<a href="http://www.linktarget.com">LINK</a>
IMAGE:
<img src="http://imagesite.com/image.jpg">
</body>
Remember, you still have 1 more tag to close: the <html> tag. Close it with </html>, and your website is complete. The final code:
<html>
<head>
<title>TITLE</title>
</head>
<body>
<h1>THE SITE</h1>
blablabla
<a href="http://www.linktarget.com">LINK</a>
IMAGE:
<img src="http://imagesite.com/image.jpg">
</body>
</html>
Popular Post
_edited.jpg)
.JPG)
_edited.jpg)
