[Immortal GamerZ]HTML Tutorial! Part 1

**bsod-staff14** · 07-14-2009

Sup MMOwned! Im Matt just gunna show you all a few basic things that helped me get started in web development! They can be complicated so I will explain everything I can!

.

HTML Tag's:

Code:

<html>(This is used at the beginning of all html page's!)
<head>(this is used if you would like to use CSS or any script's not to mention the title of the page :P)
<title>(this is the title of the page. Like MMOwned has there's at the top of your browser :))
<style>(This is used for CSS(Cascading Style Sheet))
</style>(This is used the close the CSS)
<script>(This is used for like Javascripts etc :))
</script>(This is used to close the script)
</head>(This is used to close the whole head Tag)
<body>(this is where all the real HTML coding is done like with form's text and more I will give you :))
</body>(this is used to close the Body Tag)
</html>(This is used to close the whole website if you are not including php into it.)

Okay now that we got the basic's of the basic's lets get started with the text tag's

.

Code:

<h1>(Used if you would like a title on the page or something like that)(This has h1,h2,h3,h4,h5,h6 All used for heading's experiment with them)
<br>(used to make things go down the page instead of across the page)*experiment again :P*

Those are really the only important one's for text.

Now we have the Div tag's used for CSS ID's and Class's and more:

Code:

<div>(Used to combine stuff together into one thing or other things you will find out)
</div>(used to close the tag)
<div class="">(used to assign a css style like this would be in the style ex: .navigation)
</div>(used to close the tag)
<div id="">(Used to assign a cass stlye like this would be in the style ex:#navigation)
</div>(used to close the tag)
<div id="" class="">(used to assign both!)
</div>(used to close the tag)

Heres a good example I made for beginner's so far:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Immortal GamerZ</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
Hello MMOwned!
<h1>Example of the CSS</h1>
<div id="nav">//CSS!
<a href="index.php">Home</a>//Link
<br>
<a href="register.php">Register</a>//Link
<br>
<a href="forum">Forums</a>//Link
<br>
<a href="contact.php">Contact Us</a>//Link
<br>
<a href="about.php">About Us</a>//Link
</div>//CSS!
</body>
</html>

That's all the time I have for today! I will release a few more part's don't worry, we are just getting started!

Style.css:

Code:

body { 
background-color: blue;
color: red;
font:14px; }
h1 { 
font:20px;
color: red;
text-align: center; }

#nav {
width: 150;
height: 300;
background-image: url(nav-bg.jpg);
color: red; }

#nav a:link { 
color: red;
text-decoration: none;
background-image: url(nav.jpg);
text-align: center; }

#nav a:hover { 
color: green; 
text-decoration: none;
background-image: url(nav_hover.jpg);
text-align: center; }

#nav a:visited { 
color: red;
text-decoration: none;
background-image: url(nav.jpg);
text-align: center; }

**ReidE96** · 07-14-2009

It's generally considered better practise to keep your styles and your content separate. Make the .css file, and in the <head> area of your .html file, use the <link> tag to include the css.

**bsod-staff14** · 07-14-2009

Lol I don't understand what you mean. And I normally would keep them both separate. I usually use a link in the head section to the css file.

**y2kss66** · 07-15-2009

is this site up yet bsod-staff14?

was wondering if you'd gotten it up yet.

also if so...P.M. me a link!

y2kss66

**bsod-staff14** · 07-17-2009

Nah ain't up yet, I needa call my ISP and pay for a steady IP because everytime I need to restart my server it kills my modems internet for a minute or two :/. But w.e its a 80$ modem even comes with a firewall with DoS protection and Attack Protection :P.

Edit: JUST FINISHED PART 2! GO CHECK IT OUT!

Shout-Out

User Tag List

Thread: [Immortal GamerZ]HTML Tutorial! Part 1

Thread Tools

Search Thread

[Immortal GamerZ]HTML Tutorial! Part 1

Similar Threads

[Share] Great HTML Tutorial(s)

PSD into CSS + HTML tutorial

[Immortal GamerZ]Php Guide! Part 1(Variables+more!)

[Immortal GamerZ]HTML Tutorial! Part 2(Advanced)

[Tutorial] Basic HTML

OwnedCore Forums

casino

CoreCoins

My OwnedCore

About Us

Casino