HTML Basic's
----------------------------------------
Today you will learn how to make a pretty basic site from scratch. All you need is notepad or a similar program. If you are pretty confident with all the tags on forum's HTML tags are pretty much the same.
with all HTML documents we start off with the "<html>" tag because
it tells the browser what language you are talking in.
This is followed by a "<head>" tag which tell us what will go at the bar at the top of the creen for GTABoards it is "Grand Theft Auto: San Andreas ( GTA Boards)"
so now we have;
If we want a title to appear in our bar we must add a "<title>" tag;
remember to close a tag you must use Italic text
Code:
<html>
<head>
<title>My first webpage</title>
Now we must close the "<head>" tag and create a "<body>" tag. The body tag will be what is on the screen;
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
to add a heading to your page we use the "<h1>"tag "h1 stands for heading one it is the biggest heading you can have. Heading's range
from h1 to h6 so a large heading will be <h1> Large Heading & a small heading will be <h6> small heading</h6>. To center our heading we use
the "<center>"tags
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<center><h1>My First Webpage</h1></center>
If we want a line to seperate our heading from the rest of the page
we use the "<hr>" tag this tag puts a line through wherever it is placed inside the code. If you want to have a line break you don't just press enter you have to use the "
" tag, this tag puts a space inbetween text.
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<h1>My First Webpage</h1>
<hr>
Now for our first paragraph we should use the "
" tags:
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<h1>My First Webpage</h1>
<hr>
This is the first paragraph of my first webpage
</p>
This is the second paragraph of my first webpage
</p>
Now to fomat your text we can use many tags to do this
give bold text
give italic text
give underlined text
give empahsized text
To use these tag's we must insert them in our paragraph's;
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<h1>My First Webpage</h1>
<hr>
This is the first paragraph of my first webpage
</p>
This is the second paragraph of my first webpage
</p>
to add links to other website's we must use;
"Image Fake. com"
we insert it into one of our paragraphs;
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<h1>My First Webpage</h1>
<hr>
This is the first paragraph of my first webpage
Image Fake. com
</p>
This is the second paragraph of my first webpage
</p>
To add images to your webpage we must use
"
"
we insert it into one of our paragraphs like so;
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<h1>My First Webpage</h1>
<hr>
This is the first paragraph of my first webpage
Image Fake. com
</p>
This is the second paragraph of my first webpage
</p>
To finish off the code we must close the "</body>" & "</html>" tags
Code:
<html>
<head>
<title>My first webpage</title>
</head>
<body>
<h1>My First Webpage</h1>
<hr>
This is the first paragraph of my first webpage
Image Fake. com
</p>
This is the second paragraph of my first webpage
</p>
</body>
</html>
Thanks for your time and good night,
J-Tique
to see how this code turned out visit jt.digitalzones.com
Posting Permissions
Reply With Quote
Bookmarks