| View previous topic :: View next topic |
| Author |
Message |
Triple
Posts: 38 Location: Illinois
|
Posted: Tuesday 01st November 11:52am Post subject: HTML basic code snippets |
|
|
1. HTML stands for 'Hypertext Markup Language.'
2. HTML code is composed of tags that tell your browser what to do.
3. When you create an HTML file, it is always better to save it with the extention of .html or .htm.
4. You can code any HTML file using notepad or any other text editor.
Great, that's about it. Just a few basic facts that will come in handy once you're ready to code. Lets being, shall we?.
The regular HTML document is made up of two parts; the head and the body. Most of the code will be in the body part of the document, however, some important information will also have to be stored in the head. Keep in mind that when you start a tag, such as the head, you use , and to end a tag, you always use a slash like this: I will now show you how to make a regular page consisting of basic HTML tags.
Open up your text editor and type the following:
<html> Starting the HTML document.
<head> Starting the head section.
<title> Starting the title.
Title here!
</title> Ending the title.
</head> Ending the head section.
<body> Starting the body section.
Body content here!
</body> Ending the body section.
</html> Ending the HTML document.
Now we save it as index.html.
----------------------------------------------
Code Bits and Peices
----------------------------------------------
Formatting Text
Bold text:
Italic text:
Underlining text:
Increase your text by one size above default:
Decrease your text by one size below default:
| Code: | | <small>****</small> |
To create a horizontal line across the width of the table column.
This tag also has a percentage function so you can tell the web page how far across the table column you want it to go.
Invisible Comments
Comment made by you that won't display on the web page, only in the html. Useful for little reminders.
Centred text:
| Code: | | <center>****</center> |
Aligned left:
Aligned right:
| Code: | | <right>****</right> |
Font Size (The default size is 3, it ranges from 1-7):
| Code: | | <font size="2">****</font> |
Font (This will change the font to verdana):
You can add as many fonts as you want, if a computer viewing does not have the font Verdana it will move to Sans-Serif in the below example.
| Code: | | <font face="Verdana, Sans-Serif">****</font> |
Font Color (In place of the six's you should put the hex code of your color) :
| Code: | | <font color="#666666">****</font> |
Image Tags
Adding a picture.
| Code: | | <img src="example.gif"> |
Height and width of the image (in pixels)
| Code: | | <img src="example.gif" height="20" width="20"> |
Border (0 means no border which is also the default setting)
| Code: | | <img src="example.gif" border="0"> |
Alignment (left, center or right)
| Code: | | <img src="example.gif" align="center"> |
Embedding Music or Videos
Adding a Video/Audio File.
| Code: | | <embed src="example.wmv"> |
Height and width of the video/audio player. (in pixels)
| Code: | | <embed src="example.wmv" height="40" width="140"> |
Auto Start (Whether the Audio/Video plays as soon as the page loads True Or False)
| Code: | | <embed src="example.wmv" autostart="false"> |
Loop (Whether after starting to play it continues to repeat True or False)
| Code: | | <embed src="example.wmv" loop="false"> |
_________________

Last edited by Triple on Saturday 25th March 7:45pm; edited 6 times in total |
|
| Back to top |
|
Rocky MyGen Dogsbody

Posts: 1238 Location: Newcastle, UK
|
Posted: Wednesday 02nd November 10:21am Post subject: |
|
|
Useful info  |
|
| Back to top |
|
x13igDudex12

Posts: 237 Location: Around
|
Posted: Thursday 24th November 10:30pm Post subject: |
|
|
Oh man do i have something that will be like christmas for noobs. Take a look at it. I found it on google when i started out. Still helps a little bit but doesnt give a lot of info and stuff. I downloaded it to my PC and put it on my geocities.
http://www.geocities.com/thatcuteguy229/myspace/html/html1.txt
remember i didnt make it so dont call me a hero or nuthin.
Keep this on the Down Low  |
|
| Back to top |
|
Triple
Posts: 38 Location: Illinois
|
Posted: Friday 23rd December 4:07am Post subject: |
|
|
| x13igDudex12 wrote: | Oh man do i have something that will be like christmas for noobs. Take a look at it. I found it on google when i started out. Still helps a little bit but doesnt give a lot of info and stuff. I downloaded it to my PC and put it on my geocities.
http://www.geocities.com/thatcuteguy229/myspace/html/html1.txt
remember i didnt make it so dont call me a hero or nuthin.
Keep this on the Down Low  |
WOW, That is an impressive document....
Love it! _________________
 |
|
| Back to top |
|
danyell723
Posts: 8
|
Posted: Sunday 09th April 4:06am Post subject: |
|
|
THANK YOU!!! You helped me fix SOOOO many simple things on my profile! They were bugging the crap outta me! ) |
|
| Back to top |
|
jdluvless
Posts: 7
|
Posted: Sunday 16th April 7:03am Post subject: eekk |
|
|
is there a simple and short code for a 1px dashed underline? i really want a short code..please help..and if there is a code for a dashed underline that let you do a color like this [/color][color=lightblue](color codes) than please inform me..i'd really like one that is short..and easy to memorize.. |
|
| Back to top |
|
Triple
Posts: 38 Location: Illinois
|
Posted: Monday 17th April 3:24pm Post subject: |
|
|
Like a hairline?
That? _________________
 |
|
| Back to top |
|
eddieg619
Posts: 54
|
Posted: Tuesday 04th July 6:47am Post subject: |
|
|
this is really helpful thanx _________________
 |
|
| Back to top |
|
welshcelt

Posts: 1
|
Posted: Friday 07th July 8:31pm Post subject: |
|
|
thnx man this will help me will html i didnt even no what is waz thnx  _________________
 |
|
| Back to top |
|
Camboo1
Posts: 1 Location: Derbyshire
|
Posted: Sunday 01st October 6:27pm Post subject: |
|
|
| x13igDudex12 wrote: | Oh man do i have something that will be like christmas for noobs. Take a look at it. I found it on google when i started out. Still helps a little bit but doesnt give a lot of info and stuff. I downloaded it to my PC and put it on my geocities.
http://www.geocities.com/thatcuteguy229/myspace/html/html1.txt
remember i didnt make it so dont call me a hero or nuthin.
Keep this on the Down Low  |
just made my life alot easyer mate cheers  |
|
| Back to top |
|
xstevey_bx
Posts: 80 Location: UK
|
Posted: Sunday 01st October 11:37pm Post subject: |
|
|
A brilliant site is http://www.lissaexplains.com !! She taught me all I needed to know about html!  |
|
| Back to top |
|
wilford

Posts: 24
|
|
| Back to top |
|
darkiewonder
Posts: 895 Location: USA
|
|
| Back to top |
|
Triple
Posts: 38 Location: Illinois
|
Posted: Monday 12th February 7:34pm Post subject: |
|
|
Lawl _________________
 |
|
| Back to top |
|
cheesy360
Posts: 2
|
Posted: Friday 30th March 6:07am Post subject: |
|
|
| I cant seem to find the url for any songs on my pc how do you find them?[/url] |
|
| Back to top |
|
|