12bye
Senior Member
Feb 13, 2007, 2:54 AM
Post #1 of 18
(653 views)
Shortcut
|
|
Basics of HTML File
|
Can't Post
|
|
Tell me if you like it, I'm writing my little notes here, and this is what I made. If you want, save it as a .HTML file and take a look, feel free.
And yes, I got most of this from the internet/X bot. I wouldn't post this, but the stickies are down. Oh, and tell me if you like it; I'm new to HTML and learning.
<!--//////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////LLL////////////////////////////////////////////////
////////////////LLLL/////LLLL//////LLLL/////////LL////////To my Tutorial!/////////////////////////
/////////////////LLL//////LLL///////LLL/////////LL////////////////////////////////////////////////
/////////////////LLL//////LLL///////LLL/////////LL///////////Made by me, Rob//////////////////////
/////////////////LLL//////LLL///////LLL/////////LL////////////////////////////////////////////////
/////////////////LLL//////LLL///////LLL//LLLLL//LL///////LLLLL//LLLLL//LLLLLLL//LLLLL/////////////
/////////////////LLL//////LLL///////LLL//L///L//LL///////L//////L///L//L//L//L//L///L/////////////
//////////////////LLLLLLLLLLLLLLLLLLLLL//LLLLL//LL///////L//////L///L//L//L//L//LLLLL/////////////
///////////////////LLLLLLLLLLLLLLLLLLLL//L//////LLLLLLL//L//////L///L//L//L//L//L/////////////////
////////////////////LLLLLLLLLLLLLLLLLLL//LLLLL//LLLLLLL//LLLLL//LLLLL//L//L//L//LLLLL/////////////
//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////
//FIRST: To make a hidden comment that will not be viewed on the page, simply do this://
//Put your text inbetween <!--Text goes here-> and it will not be seen.//
//Please note I also had to take out an arrow to make these comments not appear.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//SECOND: Begin all sites with <html> and end with </html>//
//THIS IS A MUST! If it does not begin/end corretly, it will not run right for some browsers!//
//////////////////////////////////////////////////////////////////////////////////////////////////
//THIRD: Make a title. (<title>Rob's Tutorial</title>)//
//Remember, do NOT put titles as such: (<title> Rob's Tutorial </title>)//
//It will still run fine, but you get yucky spaces you don't need.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//FOURTH: After your title, on the line after, put <body>//
//This symbolizes the start of your writing. It is needed for some browsers to view the page.//
//It isn't needed, though reccomended. PUT </body> at the end, one line above </html>//
//////////////////////////////////////////////////////////////////////////////////////////////////
//FIFTH: To make paragraphs, start sentences with <p> and end them with </p>//
//Each set of <p></p> makes a paragraph on a new line. These ARE needed!//
//Extra note: If you put in <br>, it jumps down a line, no matter if its the same paragraph//
//////////////////////////////////////////////////////////////////////////////////////////////////
//SIXTH: To make bold <b></b>, underlined <u></u>, and italited <i></i> text, use those tags.//
//Remember to put them around the word, and not to make a spacing mistake!//
//Example Sentence: <p> I <b>Dislike</b> <i>MANY</i> books, such as <u>Animorphs</u>//
//////////////////////////////////////////////////////////////////////////////////////////////////
//SEVENTH: To make a background color, Simply type <body bgcolor="_____">//
//Replace "____" With any basic color name; Eg: Red, Blue, Black. KEEP THE "" THERE!//
//You can also do the same for text: Imput <font color=_____> </font> REMEMBER TO CLOSE TAGS!//
//If you want specific color, you will need the hex code input instead of the name.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//EIGHTH: To put an image on the page, input <img scr=IMAGEURL></img> with the IMAGEURL//
//Pages can be made with images only, but it takes up alot of bandwith.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//NINTH: To put a link in with a phrase, use <a href="www.SITEURL.com"> </a> With the SITEURL//
//It will appear as blue text, with a blue underline. Remember to close the tags!//
//////////////////////////////////////////////////////////////////////////////////////////////////
//TENTH: Changing font size is easy as well, just use <big></big>//
//Replace with <small></small> if you want your text small instead.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//ELEVENTH: You can make headers for your page. The numbers 1 through 6 change the size of it.//
//Example: <h1>Big Text</h1> <h6>Small Text</h6> Lines are automatically added afterwards.//
//To center your text, put <h_ align="center"> Hi! </h_> With any number where "_" is.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//TWELFTH: Horizontal lines can make good visable lines that are great to break up paragraphs.//
//To do it, simply type <hr> Where ever you want on a horizontal line.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//THIRTEENTH: Subscript or Superscript can be added. They make mini text floating or small.//
//To use it, put <sub></sub> or <sup></sup> tags with the words inbetween that you want edited.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//FOURTEENTH: Quotes can be made, just type <q> </q> for a small quote on the same line.//
//For a bigger line, use <blockquote> </blockquote> as it will make a paragraph.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//FIFTEENTH: you can use bi-drectional Override (BDO) to make your text Right-to-left (RTL)//
//Example: <bdo dir="rtl">Hi there!</bdo> will come out backwards.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//SIXTEENTH: You can use <pre></pre> instead of <p></p> If you want preformatted text.//
//Preformatted text supports spaces and text is written out diffrently.//
//////////////////////////////////////////////////////////////////////////////////////////////////
//SEVENTEENTH: Using the tags <del></del> makes your text striked out.
//Example: The crayons are only <del>50 dollars</del> 50 cents.
//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////LLLLLLLL//LL//LL////LLLL////L//////L//LLLLLLLLLL//LLL/////////LLLLLLLL//////////////
//////////////LL////////LL//LL//LLLLLLLL//LL////LL///LL/////LL///LL/////////LL////////////////////
//////////////LL////////LL//LL//LL////LL//L/L//L/L///LL/////LL///LL/////////LL////////////////////
//////////////LL////////LLLLLL//LL////LL//L/L//L/L///LL////LLL///LL/////////LL////////////////////
//////////////LLLLLLLL///LLLL///LLLLLLLL//L/L//L/L///LLLLLLLLL///LL/////////LLLLLLLL//////////////
//////////////LLLLLLLL///LLLL///LLLLLLLL//L/LLLL/L///LL//////////LL/////////LLLLLLLL//////////////
//////////////LL////////LLLLLL//LL////LL//L//L///L///LL//////////LL/////////LL////////////////////
//////////////LL////////LL//LL//LL////LL//L//L///L///LL//////////LL/////////LL////////////////////
//////////////LL////////LL//LL//LL////LL//L//L///L///LL//////////LLLLLLLLL//LL////////////////////
//////////////LLLLLLLL//LL//LL//LL////LL//L//L///L///LL//////////LLLLLLLLL//LLLLLLLL//////////////
///////////////////////////////////////////////////////////////////////////////////////////////-->
<html>
<title>Rob's Test</title>
<body>
<body bgcolor="Green">
<p>Hi.</p>
<p>This is a test and a tutorial.</p>
<p>I hope it works.</p>
<p><b>Bold</b> test!</p>
<p><i>Italics</i> test!</p>
<p><u>Underline</u> test!</p>
<p>This is a <sup>Superscript</sup> test.</p>
<p>This is a <sub>Subscript</sub> test.
<p>Quotation Test:
<q>This is a small quotation</q></p>
<p>And this is a big quote: <blockquote>This is a big quote. A quote worth being your honor. Please read it well and cherish it with your
children.</blockquote></p>
<p><del>Strike Text</del></p>
<hr>
<p>Above was a HR Test.</p>
<p><img src=http://i126.photobucket.com/albums/p103/Gulzan/ImageTest.jpg></img>
<p><a href="www.google.com">Link to Google</a> test!</p>
<p><big> BIG FONT TEST</big></p>
<p><small> small font test</small></p>
<p><bdo dir="rtl"> Backwards Test! !tseT sdrawkcaB</bdo></p>
<p><font color=red>Color test!</font></p>
<pre> Preformatted Text Test...
Hi,
My name is
ROB!!!!!!!!!!
</pre>
</body>
</html>
|
FORUM
SEARCH
WHO'S 
LOG 
RULES / FAQ
