So here is our first html. Take the html below and paste it in you favorite text editor (ie- notebook, Word etc. if you are in Windows) and save it as "index.html". You can then open "index.html" in your favorite web browser (ie - Firefox, Internet Explorer, Safari, etc.). I would recommend writing the the code out by hand just to enhance the learning experiance, but if you just want to play with it or just wanna see what it looks like, just copy and paste. In the next tutorial will show you how to place this on the web. ---------------------------------------------------------------------------------------------------------- hello world!
This text is red. This is done in RGB hex with "F" being the
highest value and zero (0) being the lowest.The step below "F" would be "E" and so on. Don't worry about this now, well get back to hex later
The font tag has many options other then color
like font face and if you like you can put what is a called
an inline style to format and make your text pretty :)
---------------------------------------------------------------------------------------------- ----- this is a comment (duh). Put whatever you like in here (use it to lable your code or if you like you can swear and curse or write hidden poems and secret messages or whatever you like) it will not be displayed or effect the page. ----- ----- The next is the "html" tag (tags are the things with "<>" around them). Every tag except for the "
" tag must be closed after all the content you wish to be changed (technically it is closed within the tag itself. The closing tag has a backslash after the first "<", like this... "". If you had a tag that looked like "", everything in between the "" and the "" tags will be affected. So since all the content in your page is html all the content in between the "" and the "" will be read as html. *this might not be 100% correct, but for simplicity sake we'll say that this is true. P.S. - There are more exceptions like the "
" tag. ----- ----- And this would be our opening head tag. Your "head" tag is at the top of your code and does not contain alot of content that is directly displayed on your page. It's usually where you stick things that change certain apsects of the page like scripts (ie- javscript and css) and things like the title that is dispayed at the very top of the page and meta data (which I dont have a confortable understading of yet). ----- *some styles and scripts and meta data and title and all that good stuff.* ----- the head tag is closed before begin our next tag ----- ----- your next tag is the "body" tag. this is the main content of your page which holds all the the text and images and what-not on you page. ----- hello world! ----- ahhh, the classic hello world. If you want text in a page just write the text out like i did above, no special tags are nesessary (though tags around our text may be desired as I will show below with the "" tag). -----
----- this tag does not need to be closed because its closed within itself this tag is called the break tag, its pretty much like the the "Enter" or "Return" on you keyboard. it takes the text and moves it down a line. multiple
tags can be combined to create empty lines. This
tag will move the "This text is red..." text down so it will appear underneath "hello world!" ----- This text is red. this is done in RGB hex, "F" being the
highest and zero being the lowest. The step below "F" would be "E" and so on. Don't worry about this now, well get back to hex later

The font tag has many options other then color
like font face and if you like you can put what is a called
an inline style to format and make your text pretty :)
------ we must close our "body" tag ------ ------ and as i promised, our "html" tag as well --> ------ ----- TaDaa were done with our first page!!! ----- ----- Kurtis Saiyo http://www.casper911ca.com casper911ca@yahoo.com -----