NameSilo

Tutorial: Basic HTML

Namecheap AuctionsNamecheap Auctions
Spacemail by SpaceshipSpacemail by Spaceship
SpaceshipSpaceship
Watch

theups

Established Member
Impact
0
This is just somthing simple to give you an idea of html. Feel free to addon.


<html>
<head>

<title> this appears in the title bar </title>

</head>

<body>

this will be in your page

</body>

</html>



<this is the start of a command> </this is the end of a command>



Those are all the basic commands in order as they should appear

<html> this tells the browser that the coding is begining, note however this isn't required by the current standards but it will be in the future

<head> this isn't required, but it is helpful because some older browsers might become confused without it, it is also where the next command comes in, and where javascript would go.

<title> this is what goes in the title bar in the browser, it isn't required, but it looks nice.

</title> this tells the browser that the title command has stopped, in html / is stop in a command

</head> this tells the browser that the head has stopped and now other things can begin

<body> this tells the browser that anything following this appears on the page for the user to see.

site content goes here

</body> as following the rest of the tutorial(which sucks) this obvisously ends the body function telling the browser anything else is new commands or paramaters

</html> tells the browser that the html coding has stopped


More advanced basics

<center> this tag goes inside the body tag to center everything. and of course everything else will be centered untile the end tag.

</center> ends the centering of course

<p> this tells browser a paragraph is starting (example following)

<p> this is a new paragraph it can be aligned based on the commands you use</p>

</p> tells the browser that paragraph has stopped therefore it will space down about 2 lines and start a new one.

<br> this puts a break in the page, but it isn't as much space as between paragraphs

The following is an example of what your body should look like

<body bgcolor="color code goes here" link="color code goes here" vlink="color code goes here" alink="color code goes here" text="color code goes here">

bgcolor="color code goes here" bgcolor stands for back ground color

link="color code goes here" link is for your hyperlink color

vlink="color code goes here" vlink is for your visited hyperlink color

alink="color code goes here" alink is for your active hyperlink color

text="color code goes here" text is for your text color

the color code is the code of the color you wish to use for example #00000 is the color black

The following is an example of what your body should look like when done

<body bgcolor="#FFFFFF" link="#000000 vlink="#CCCCCC" alink="#999999" text="#000000">

Content add-ins

to add a image you use <img src="image src goes here">

to align somthing add <p align="side to which you want to align goes here">what ever you want to align goes here </p><--to end it
 
0
Close
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
0
Close
Hey I closed them bold [/B] tags for you. :) I think that's how you meant to have it.
 
0
Close
Heres a really good Printout thats always good to have on hand when your new/rusty with html. I usually have a copy laying around, plus it was mandatory to have in crs class. (You must have Adobe Acrabat to view this)
http://computer.howstuffworks.com/pdf/web-page-tags.pdf
 
0
Close
howstuffworks.com is a cool site!
 
0
Close
It is, thats where i learned how to pick locks. B-)
 
0
Close
0
Close
The Lissa explains it all site is cute, but they have too many pop up's on each page, but I agree with you Alpha it is a good site for kids and adults to learn basic steps for html. htmlgoodies is also a good beginners site . [=
 
0
Close
CatchedCatched

We're social

Escrow.com
Spaceship
Domain Recover
CryptoExchange.com

NamePros updates

Switch between accounts
You can now stay logged in to more than one NamePros account in the same browser. Click your avatar, then "Accounts in this browser", to...
AIVikings
Catchy
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back