Search
 
 
Search Tutorials:           Advanced
 
 
 
Official HTML
Difficulty: Beginner
Category: FPSB > Other/MiscAuthor(s): Pink

By me, Pink

-CONTENTS-

*Colored Text*
*Italic Text*
*Blink Text*
*Bold*
*Font Size*
*StrikeThru Text*
*Underlined*
*Box around text*
*Linked Text*
*Images*
*Alignments*
*Paragraphing*
*Bullets*
*Font type*


This is a simple HTML tutorial for you guys, you can just copy and save it in a notepad, and use when needed. XD

Font Color

<font color=red>I want this text RED</font>
Gives you [I want this text RED]

Under <font color=Here>, you can insert either:

Red Orange Aqua Teal Blue Lightblue Green White
Black Pink Grey Silver Brown Fuchsia Purple Olive Maroon

Or

A Html color code, Chart:[Link]
Black: <font color=#000000>Text Here</font>

Italic

<i>I want this text Italic</i>
Gives you
I want this text Italic

Blinking Text

<blink>Text Here</blink>
Gives you
Text Here

Bold Text

<b>Text Here</b>
Gives you
Text Here

Font Size
Bigger Text

<big>Text here</big>
Gives you
Text here

<big><big>Text here</big></big>
Gives you
Text here
Use as many as you want

Smaller Text

<small>Text here</small>
Gives you
Text here

<small><small>Text here</small></small>
Gives you
Text here
Use as many as you want.

Biggest Heading

<h1>Text Here</h1>
Gives you

Text Here



Smallest Heading

<h6>Text Here</h6>
Gives you
Text Here


Manual Size

<font size="1">text</font>
Gives you
text
Font Size ranged 1 - 7.



Strikethrough Text

<del>Text here</del>
Gives you
Text here

Underlined Text

<ins>Text here</ins>
Gives you
Text here

Box with title

<fieldset><legend>Title</legend>
Your Text
</fieldset>
Gives you
TitleYour Text

Box w/o Title

<fieldset>
Your Text
</fieldset>
Gives you
Your Text


Normal Box

<div>Your Text</div>
Gives you
Your Text

Unfortunately, this can only be seen in CHAT, when quoting. I have stated an example in the comments box.

Link

<a href="http://www.fpsbanana.com">FPSB</a>
Gives you
FPSB

Image

<img src="http://www.echoecho.com/rainbow.gif">
Gives you


Marquee(Moving text)

<marquee>Text here</marquee>
Gives you
<------MOVE--------MOVE---------- Text Here <-----MOVE------MOVE-----

Alignments
<p align="center">Text</p>
Gives you

Text

Also used with LEFT and RIGHT.


Paragraphing
<p>The paragraph and everything, today I went to school and bla bla and then something happened</p>
<p>The paragraph and everything, today I went to school and bla bla and then something happened again2</p>
Gives you

The paragraph and everything, today I went to school and bla bla and then something happened


The paragraph and everything, today I went to school and bla bla and then something happened again


Bullets
<ul>
<li>Bullet item 1</li>
<li>Bullet item 2</li>
</ul>
Gives you

  • Bullet item 1

  • Bullet item 2


Font type
<font face=mini>Text here</font>
Gives you [Mini type text]
Text here


Putting all together!


<big><big><b><i><blink><ins><font color=yellow>S</font><font color=Fuchsia>H</font><font color=pink>O</font><font color=orange>O</font>!</b></i></blink></ins></big></big>
Gives you
SHOO!

Thats the end of my tutorial. Hope you enjoyed it, and may it help you. XD

CLAP! CLAP! CLAP! CLAP! CLAP! CLAP!

The above sentence is formed by the following code:

<font color=red>Thats</font> <font color=green>the end of</font> <font color=orange>my tutorial.</font> <font color=pink><ins>Hope you</font> <font color=lime>enjoyed</font> it,</ins> <i><big><big><font color=aqua>and may it</font> <font color=brown>help you.</font></i></big></big> <small><small><del><blink>XD</small></small></del></blink>
<font color=Fuchsia><marquee>CLAP! <blink>CLAP!</blink> CLAP! <blink>CLAP!</blink> CLAP! <blink>CLAP!<marquee></blink></font>


XD. Its true. CHUCKLE!
Added: 6 months agoTags: html, tutorial
Official HTML
Added by...
Brought to you by...
Images

Studio Profile
 
This tutorial was brought to you by Studio Acid Studios. Join a Studio.
Acid Studios
Enemy of Neutral and Alkali :D
Membership: On Request
Primary Skills: 3D Art & Rendering, Coding/Scripting, Concept Art, Graphic Design, Mapping, Modelling, Sound Effects & Music, Texturing



Welcome to Acid Studios

We do scripting, coding, skinning, tutorials, graphic design and mapping
*
Joining is on request, validity will be notified by mod
*
Basic Requirement: Either one of our services
*
One submission link must be posted in the studio if joined
*
This is a Counter-Strike [CSS/1.6] and TF2 Only Studio
*
Sets cost 25points each, Ripe sets at 40points each
*
Custom Prices
Avatar: 5points
Chat Sig: 10points
Forum Sig: 10points
Userpic: 5points
Tbar: 15points

Please visit our forums at
Here [Webs]

Steam Community Group at
Link[Groups/Acid]

And Main Site at
Here [Acidhome.tk]
Here [Freewebs]

Inception: 7 months ago
Tutorial Stats
Statistics on tutorial releases by Acid Studios
Submissions: 15
Total Views: 47,214 (9th)
Total Feedback: 180 posts
Average Rating: 9.3/10 (71st)
Unrated Tutorials: 9
Total Favs: 40 (13th)
First Submission: 2 years ago
Latest Submission: 4 months ago
Favorite Category: FPSB > Art (4 releases)
The members of Acid Studios.
Statistics
This tut's scores and traffic.
Rating: 9.4/10
Skill Band: Expert (9.0 to 10)
Assessments: 19
Views: 2,654
Favorites: 18
Feedback: 59
New Tutorials: Other/Misc
More tuts in this category.
CSA: An In-Depth Look
Difficulty: Beginner
Edit A Real Webpage!
Difficulty: Beginner
Rounded Corners in your uber style
Difficulty: Advanced
How to make a backup of a PSX Disc
Difficulty: Beginner
Share It!
Get HTML Code
Get BBCode
Tell a Friend
Assessment
The community's verdict.
9.4/10
Detail
9.4
Usefulness
9.3
Readability
9.4
Stamps
This tutorial in a nutshell...
Useful & Handy
Assess Tutorial
Tutorials are community moderated.
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.
Stamp Tutorial
How would you describe this tutorial in a few words?
You cannot stamp yet!
Stamps let you apply characteristics to submissions to help others understand them.

To stamp this submission register or login.
Messages
Provide constructive feedback. What is "constructive"?
Page of 5   1 2 3 4 ... 5 Next Page
.
Watch Me! | Y2M
Posted 2 days ago
I use this all the time!
Assessment: [+] Approved - 10
:
All Your Base Are Belong To Us... | Y2M
Posted 1 month ago
Easily the best HTML/CSS tutorial on the website and is written very clearly. Good job.
Assessment: [+] Approved - 8.8
The_Muffin_man .
clik da green thumb, you know you wnt to | Y2M
Posted 2 months ago
Ouber helpfull!
Assessment: [+] Approved - 10
s500i93 .
not Banned yet =D | Y2M
Posted 2 months ago
Why doesnt img code doesnt work for me D=
felipegoes .
Not everybody deserves a second chance | Y2M
Posted 3 months ago
I agree
.
Please click the green thumb. | Y2M
Posted 3 months ago
Thanks, this is so good and useful.
Assessment: [+] Approved - 10
felipegoes .
Not everybody deserves a second chance | Y2M
Posted 3 months ago
Thanx 4 tha help
Weezer .
Eric Clapton is G0D | Y2M
Posted 3 months ago
yes is does
it doesn't work in preview
felipegoes .
Not everybody deserves a second chance | Y2M
Posted 3 months ago
The marquee command doesn't works
felipegoes .
Not everybody deserves a second chance | Y2M
Posted 3 months ago
Good and easy
Assessment: [+] Approved - 10
Page of 5   1 2 3 4 ... 5 Next Page
Add Message
You must login or register to access this!