Post by notreal on Jul 19, 2008 21:31:24 GMT -5
HTML is necessary for any aspiring web master to know. Amid all the codes and confusion, however, it is easy to get lost within this language. Once broken down however, HTML is quite simple. Here is a compilation of basic HTML codes and hacks you can use for headers and footers of your forum, the make up of your web site, or even a professional looking LJ or Myspace. This guide was created by Shay, however HTML codes are open for everybody's use. Promise. Rofl
Notes:
-H.T.M.L stands for Hyper Text Markup Language, and it is quite a fitting name, as HTML is the language for computers in itself.
-HTML is not to be confused with UBB codes. UBB is what you see and use around the forum, such as [ /i] for italics.
-Tags are how you begin and end your HTML code. <> is the surrounding of the beginning of your code, while </> ends it.
Now, to the code index! Feel free to post additional basic HTML codes that are sure to be missing.
Have you ever wondered how web designers make their fonts do cool things such as italicize, bold, color, or otherwise? Here are the basic codes for you to manipulate your letters and numbers in the way you want for your site.
Those are the basics, however there is SO MUCH MORE you can do with your font. Combine codes, or find new ones to suit your needs. More will be added as seen fit.
And that is all there is to aligning! Simple, eh?
(Note: For the above codes in this section, there is no end tag. IE, </>)
---------
More codes will be added as I remember them, as discussion goes on, and as questions are asked. In this thread, feel free to share codes that haven't been listed here, ask questions pertaining HTML, and post glitches with your HTML codes so we can help fix it for you. ^_^
Because HTML can be used by anyone, no credit to anybody is required when actually using the codes. However, creating tutorials takes time and I ask that you give credit to me if you re-post the actual tutorial part anywhere. Thank you!
Notes:
-H.T.M.L stands for Hyper Text Markup Language, and it is quite a fitting name, as HTML is the language for computers in itself.
-HTML is not to be confused with UBB codes. UBB is what you see and use around the forum, such as [ /i] for italics.
-Tags are how you begin and end your HTML code. <> is the surrounding of the beginning of your code, while </> ends it.
Now, to the code index! Feel free to post additional basic HTML codes that are sure to be missing.
Font Codes
Have you ever wondered how web designers make their fonts do cool things such as italicize, bold, color, or otherwise? Here are the basic codes for you to manipulate your letters and numbers in the way you want for your site.
To color your font:
<font color= "INSERT FONT COLOR HERE">THIS IS WHERE YOU WILL PUT YOUR TEXT THAT YOU WANT TO BE COLORED.</font>
Changing Font Size:
<font size="ENTER FONT SIZE">YOUR FONT, NOW RESIZED, IS HERE</font>
Bolding your font:
<b>YOUR BOLD FONT HERE</b>
Italicizing your font:
<i>YOUR ITALIC FONT HERE</i>
Underlining your font:
<u>YOUR UNDERLINED FONT HERE</u>
Placing text in marquee, or allowing your text to move to the right:
<marquee>MOVING TEXT HERE</marquee>
To start a new paragraph, or make a new line. (Would be the result of the enter key in a word document):
<p>NEW LINE OF TEXT HERE, OR A NEW LINE FOR A PICTURE.</p>
To change the font type, or font face. (Example= Times New Roman):
<font face="INSERT THE TYPE OF FONT YOU WANT">YOUR TEXT USED IN THE FONT</font>
Those are the basics, however there is SO MUCH MORE you can do with your font. Combine codes, or find new ones to suit your needs. More will be added as seen fit.
Aligning your fonts or pictures
Centering your work:
<center>YOUR TEXT OR PICTURES HERE</center>
Left Align:
<h1 align=left>Left Align</h1>
Right Align:
<h1 align=right>Right Align</h1>
And that is all there is to aligning! Simple, eh?
Pictures, Image Backgrounds, and Colored Backgrounds
Code to add a picture:
<IMG SRC="INSERT IMAGE LINK HERE">
Adding a Background Image to your web page:
<body background="FILE NAME OF IMAGE.JPEG/PNG/GIF/ETC">
Adding a Background Color to your Web Page:
<body bgcolor="COLOR YOU WANT YOUR BACKGROUND">
(Note: For the above codes in this section, there is no end tag. IE, </>)
Dealing with Image Links, Hyperlinks, and Email
How to hyperlink text:
<a href=“http://INSERT URL HERE”>INSERT TEXT READER WILL SEE</a>
Hyperlinking Images (Making it so clicking on said inserted image leads to url destination):
<a href="http://INSERT URL DESTINATION HERE"><img src="INSERT IMAGE URL HERE"></a>
Email Hyperlinking (Opens blank email to the hyperlink destination):
<a href=“mailto:INSERT EMAIL ADDRESS”>HERE IS WHERE YOU TEXT GOES. MOST COMMONLY USED FOR "EMAIL US!"</a>
Bullets and Numbering
Bullets
<ul>
<li>INSERT FIRST ITEM
<li>INSERT SECOND ITEM
<li>INSERT THIRD ITEM
</ul>
Number Lists
<ol>
<li>FIRST ITEM ON LIST</li>
<li>SECOND ITEM ON LIST</li>
<li>THIRD ITEM ON LIST</li>
</ol>
---------
More codes will be added as I remember them, as discussion goes on, and as questions are asked. In this thread, feel free to share codes that haven't been listed here, ask questions pertaining HTML, and post glitches with your HTML codes so we can help fix it for you. ^_^
Because HTML can be used by anyone, no credit to anybody is required when actually using the codes. However, creating tutorials takes time and I ask that you give credit to me if you re-post the actual tutorial part anywhere. Thank you!