Help Wanted
Coder/Scripter @ The Cold (See All)

Tutorials > FPSB > Scripting > Basic Html Coding.

Fans (16)

Images

Stats

Basic Html Coding.
Difficulty: Intermediate

Category: FPSB > Scripting

Author(s): Killer_z02

Tutorial By: -=Killer_z02=-

This tutorial will teach you some codes to help make a basic website or edit your Uberstyle.

To start off you should type something like this:

<Html>
<Head>
<Title> Title of the Webpage

</Title>
</Head>
<Body> Here is where you would put anything you would like. Ex. Text, Graphic art, Movie Clips, Etc.
</body>
</Html>

<Html> - Starts your document off in HTML format.

<Head> - Contains information about the page such as the title, tags, or JavaScript for special effects.
<Title> - The Title of your page. This will be visible in the title bar of the viewers’ browser.
</Title> - Ends the <Title> tag.
</Head> - Ends the <Head> tag.
</Body> - Ends the <Body> tag.
</Html> - Ends the <Html> tag.

Here are some HTML codes:

<A - anchor - <A HREF="http://www.yourdomain.com/"> Visit Our Site </A> Ex. Killer_z02's Profile

<B> - Bold - <B> Text Here. </B> Ex. Bold

<BIG> - Big (text) - <BIG> Text here. </BIG> Ex. BIG

<BR> - Line Break - The contents of your page <BR> The contents of your page.

<CENTER> - Center - <CENTER> This will center your text Ex.

Center

<DD> - Definition Description
<DL> - Definition List
<DT> - Definition Term

<DL>

<DT> Definition term

<DD> Definition of the term

<DT> Definition term

<DD> Definition of the term

</DL>

<EM> - Emphasis - This is an <EM> Example</EM> of using the emphasis tag Ex. Emphasis

<EMBED> - Embed Object - <EMBED src="yourfile.mid" width="100%" height="60" align="center">

<EMBED> - Embed Object /w Autostart and Loop - <EMBED src="yourfile.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="yourfile.mid" loop="1"></noembed>

<FONT> - Font - <FONT FACE="Times New Roman"> Text </FONT> Ex. Font Style

Font w/ Size - <FONT FACE="Times New Roman" SIZE="4"> Text<:/FONT> Ex. Font Size

Font w/ Color and Size - <FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000"> Font Color</FONT> Ex.Font Color

<FORM> - Form - <FORM action="mailto:you@yourdomain.com">
Name: <INPUT name="Name" value="" size="10"> <BR>
Email: <INPUT name="Email" value="" size="10"> <BR>
<CENTER> <INPUT type="submit"> </CENTER>
</FORM>

<H1> - Heading 1 - <H1> Text </H1> Ex.

Heading 1

<H2> - Heading 2 - <H2> Text </H2> Ex.

Heading 2

<H3> - Heading 3 - <H3> Text </H3> Ex.

Heading 3

<H4> - Heading 4 - <H4> Text </H4> Ex.

Heading 4

<H5> - Heading 5 - <H5> Text </H5> Ex.

Heading 5

<H6> - Heading 6 - <H6> Text </H6> Ex.

Heading 6

<HEAD> - Heading of HTML Document - <HEAD> Contains elements describing the document</HEAD>

<HR> - Horizontal Rule - <HR> Ex.

Other Horizontal Rule Codes:

<HR WIDTH="50%" SIZE="3">

<HTML> - Hypertext Markup Language - <HTML> <HEAD> <META> <TITLE> Title of your web page</TITLE> </HEAD> <BODY>HTML web page contents</BODY> </HTML>

<I> - Italic - <I> Example</I> Ex. Example

<IMG> - Image - <IMG SRC="Earth.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="a sentence about your web site">

<INPUT> - Input Field - Code:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>

<INPUT> - Input Field - Code:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION> option 1
<OPTION SELECTED> option 2
<OPTION> option 3
<OPTION> option 4
<OPTION> option 5
<OPTION> option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"></CENTER>
</FORM>

<INPUT> - Input Field Code:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<BR>
<BR>
Select an option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>>

<LI> - List Item - Code:

<MENU>
<LI type="disc"> List item 1
<LI type="circle"> List item 2
<LI type="square"> List item 3
</MENU>

Example 2:

<OL type="i">
<LI> List item 1
<LI>> List item 2
<LI>> List item 3
<LI>> List item 4
</OL>

Ex.

List item 1

List item 2

List item 3

Example 2:

List item 1
List item 2
List item 3
List item 4

<MARQUEE> - Scrolling Text - <MARQUEE bgcolor="Whatever Color" loop="-1" scrollamount="2" width="100%"> Text </MARQUEE>

Scrolling Text

<SMALL> - Small (Text) - <SMALL> Example</SMALL>

ex.
Small

<STRONG> - Strong Emphasis - <STRONG> Example</STRONG>

Ex.
STRONG

Table Codes:

<TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>

Column 1

Column 2

<TABLE BORDER="2" BORDERCOLOR="Whatever Color" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD> Column 1</TD>
<TD> Column 2</TD>
</TR>
</TABLE>

Column 1

Column 2

<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD BGCOLOR="Whatever Color">Column 1</TD>
<TD BGCOLOR="Whatever Color">Column 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE>

Column 1	Column 2
Row 2	Row 2

<TT> - Teletype - <TT> Text</TT>

Ex. Example

Added: 1 year ago Tags: html coding, html, codes

Feedback (26)

Page of 3 1 2 3

	.Shinoda . The Great ScoutsmanY2M
	Posted 5 days ago
Hey can someone rate my spray please?

	GdaProductions . BananiteY2M
	Posted 23 days ago
MARQUEE bgcolor="white" loop="-1" scrollamount="2" width="100%"> SXY
- Bananite
	Pain takes its toll. . BananiteY2M
	Posted 2 months ago
- Thanks for the great tut. 10/10 - This'll help.
- Bananite
	XxHellbringerxX . -[DarkSector]-Y2M
	Posted 2 months ago
How do u add like a music player in your forum sig? or play button and stuff

	djnoreg . I'm hybrid and i'm proud of it:DY2M
	Posted 4 months ago
http://static.nettby.no/users/d/j/n/djnoreg/files/b_stad_vs_cs.jpg

	Fedda . RegardlessY2M
	Posted 5 months ago
`I like, I've been using this ever since Cookie removed his..`
- Regardless
	djnoreg . I'm hybrid and i'm proud of it:DY2M
	Posted 7 months ago
- WOOOW Nice tut:D - Text

	F0theshadow . its only when your in the world of boredY2M
	Posted 7 months ago
Very nice easy to use and easy to figure out what to do

	Killer_z02 . Back with internet?Y2M
	Posted 7 months ago
Posted by Brightside07 Http://www.web-source.net/html_codes_chart.htm Did you even check the differences? I don't have anywhere near all of those on there. I got some definitions from a site like that but I wrote this thing from scratch. I didn't copy and paste anything. If you actually wanted to see if this is duplication then pm it to me instead of acting like a little bitch and trying to embarrass me on the site.

	. Give me cookies...Y2M
	Posted 7 months ago
Http://www.web-source.net/html_codes_chart.htm
- Give me cookies...

Page of 3 1 2 3

Add Feedback

Provide constructive feedback. What is "constructive"?

You cannot post yet!
Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop.

To post in this submission register or login.

Assessment

The community's verdict.

User Rating [+]
10/10

bScore
10.0/10

You cannot assess yet!
Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure.

To vote on this submission register or login.

Stamps

This Tutorial in a nutshell...

Well Written & Handy

[+] Show all stamps (13)

You cannot stamp yet!
Stamps let you apply characteristics to submissions to help others understand them.

To stamp this submission register or login.

Added by...

Killer_z02 .
Back with internet?

Supervisor of SWG, TBS2 and PS

Ranked 881st with 2,334 points.

[+] Donate