Ads keep us online. Without them, we wouldn't exist. We don't have paywalls or sell mods - we never will. But every month we have large bills and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3

A Guide to Html on GB

A Tutorial for GameBanana

The Complete Guide

The Ultimate GameBanana Html Guide =============================
Text ==== - Text Effects
- Text Colors
- Text Sizes
Formatting ========== - Fieldsets
- HyperLinks
- Images
- Definition List
- Division Tag
- Other Stuff
Text Effects ============ Their are any many different ways to customize your text, I may not cover all of them but will include the must used ones.
<b>bold</b>bold
<i>italic</i>italic
<s>strikethrough</s>strikethrough
<u>underlined</u>underlined
<blink>blink</blink>blink
<marquee>marquee</marquee>marquee

Text Colors ============ Here are different ways you could change the color of your text in a post or uberstyle. Their are various amount of colors you can use on this site. I will first explain to you about fpsb's class colors.
<b class="RedColor">class red</b><br>class red
<b class="BlueColor">class blue</b><br>class blue
<b class="GreenColor">class green</b><br>class green
<b class="OrangeColor">class orange</b>class orange
<b class="GreyColor">class orange</b>class grey

Text Sizes ============ Here are some examples on how you increase the size of your text, or decrease it.
<font size="6">Big</font>Big
<font size="2">Small</font>Small
<small>Smaller</small>Smaller
<small><small>Smallest</small></small>Smallest

Fieldsets ================== A `
` is a box Ill show you below.
This is a fieldset, it is a box, people use these a lot when writing tutorials.
This is a fieldset, it is a box, people use these a lot when writing tutorials.
This is a Legend, lets just call it a title for now.People use the legends for titles and inside the fieldset for information.

This is a Legend, lets just call it a title for now.People use the legends for titles and inside the fieldset for information.
Hyperlinks ================== Adding anchors `` to visit different website locations. maps or maps
anchor with title maps or maps
anchor with title Images ====== How to add images using `` Or how to set the height and width of an image. Definition List =============== The `
` tag defines a definition list. The `
` tag is used in conjunction with `
` (defines the item in the list) and `
` (describes the item in the list).
Coffee
- black hot drink
Milk
- white cold drink
Coffee
- black hot drink
Milk
- white cold drink
The Division Tag ================ The `
` tag defines a division or a section in an HTML document. The `
` tag is used to group block-elements to format them with styles.

This is a header

This is a paragraph.

This is a header

This is a paragraph.

Columns (unordered list) ======= Columns in fpsb using the `
    ` tag are also very useful when using bullet points, for submitting news or anything.
    • The `
        ` Indents for buelltet points.
        • Another `
            ` makes it smaller and further to the right.
              The `
                ` Indents for buelltet points.
                • Another `
                    ` makes it smaller and MORE further to the right.
            • The <ul> Indents for buelltet points.
              • Another <ul> makes it smaller and further to the right.
                  The <ul> Indents for buelltet points.
                  • Another
                      makes it smaller and MORE further to the right.
              Line Break ========== The `
              ` tag inserts a single line break. The `
              ` tag is an empty tag which means that it has no end tag. This text contains
              a line break. Other Techniques ================ I will also show you some other techniques with HTML, for example combining an image with a link. It is pretty simple.
              Combining Images With Links --------------------------- Its really simple to do, just create a hyperlink but dont close the tags right away. Showing Your Code in a tutorial ------------------------------- In order to show your code in a tutorial you need a html entities converter, If you have pretty much memorized most of the entities you wont need a Html Entities Converter. Credits ======= Me for the tutorial.
              [Rekon](http://gamebanana.com/members/1227888) for the screenshot/render.
Sign up to access this!
1-10 of 106
1
Pages
Go to page:
  • thehappyearthling avatar
    thehappyearthling username pic Joined 8y ago
    Offline
    7,147 points Ranked 882nd
    28 medals 2 legendary 7 rare
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2017 Medal icon
    • Submitted 30 Polls Medal icon
    • Returned 1000 times Medal icon
    • GameBanana’s Christmas Giveaway 2016 Day Twelve Winner! Medal icon
    • GameBanana’s Christmas Giveaway 2016 Day Nineteen Winner! Medal icon
    access_time 7y
    Awesome! Can't wait to use these around the site, but honestly, I don't think I'll be able to remember any of these. Either way, this is really cool. Mini I'm not sure why you deleted my previous post. I reread it, but I don't see what I did wrong in my original post. Just in case this is what I see:
    Gamebanana
    I can't click on any links, so that's all that's to it.
    Earthling is Happy avatar
    Mantra
    Earthling is Happy
    URL to post:
  • Yams avatar
    Yams Joined 13y ago
    Offline
    5,533 points Ranked 1190th
    9 medals 1 legendary 1 rare
    • 10 years a member Medal icon
    • 6 years a member Medal icon
    • Reached 1,000 Points Medal icon
    • Reached 2,500 Points Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    access_time 8y
    Uhh, I think this thing is FUCKING BROKEN AND I FUCKING NEED IT.
    • Agree x 1
    'Wasn't that guy banned?' avatar
    Mantra
    'Wasn't that guy banned?'
    URL to post:
  • DEVGRU-6 avatar
    DEVGRU-6 Joined 9y ago
    Offline
    1,363 points Ranked 22282nd
    access_time 9y
    Aceman? How do you block a code when the html is on other websites? Oh. And I thought you said your tutorial crashed? o_O
    DEVGRU Seal Team 6 avatar
    Mantra
    DEVGRU Seal Team 6
    URL to post:
  • Rye avatar
    Rye Joined 11y ago
    Offline
    6,561 points Ranked 969th
    8 medals 1 rare
    • 6 years a member Medal icon
    • Reached 1,000 Points Medal icon
    • Reached 2,500 Points Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    access_time 9y
    Not all of these seem to work in the new site...
    Well, maybe the bread. Maybe.
    URL to post:
  • robin avatar
    robin Joined 13y ago
    Hibernating
    15,733 points Ranked 351st
    32 medals 3 legendary 7 rare
    • Submitted 100 Maps Medal icon
    • 10 years a member Medal icon
    • Became a Ripe Supporter Medal icon
    • 6 years a member Medal icon
    • Achieved Super Moderator clearance Medal icon
    • Submitted 100 Threads Medal icon
    access_time 9y
    Looks like im going to have to redo this.
    Senior Moderator avatar
    Mantra
    Senior Moderator
    URL to post:
  • Locutus avatar
    Locutus username pic Joined 12y ago
    Offline
    1,465 points Ranked 21942nd
    15 medals 1 legendary 3 rare
    • 10 years a member Medal icon
    • 25 posts awarded Exemplary Feedback Medal icon
    • 50 posts awarded Exemplary Feedback Medal icon
    • 6 years a member Medal icon
    • 1 post awarded Exemplary Feedback Medal icon
    • 5 posts awarded Exemplary Feedback Medal icon
    access_time 10y
    Under colors you forgot yellow <^a> <^/a> Minus the "^" (karats or whatever you want to call them.)
    will map 4 füd avatar
    Mantra
    will map 4 füd
    URL to post:
  • Hexx avatar
    Hexx Joined 11y ago
    Offline
    264 points Ranked 52341st
    access_time 10y
    Check You spelling! lol Great Tut!
    zzzz avatar
    Mantra
    zzzz
    URL to post:
  • TopHATTwaffle avatar
    TopHATTwaffle Joined 13y ago
    Offline
    8,609 points Ranked 704th
    21 medals 3 legendary 2 rare
    • 1st Place - GameBanana/CEVO CSGO Mapping Contest 2014 Medal icon
    • 10 years a member Medal icon
    • Reached 100 subscribers Medal icon
    • Reached 50 subscribers Medal icon
    • 6 years a member Medal icon
    • Mapper of the Month, February 2014 Medal icon
    access_time 10y
    Very nice, But rush this mofo through spell check
    Do you like waffles? avatar
    Mantra
    Do you like waffles?
    URL to post:
  • Slimnooze avatar
    Slimnooze Joined 10y ago
    Offline
    999 points Ranked 40862nd
    access_time 10y
    Posted by orca The more I use this tutorial the more I learn about HTML, that's awesome. :D
    its says "as more i use this tutorial as more i leanr about html"
    Experience the Slimnoozephere avatar
    Mantra
    Experience the Slimnoozephere
    URL to post:
  • cicala avatar
    cicala Joined 11y ago
    Offline
    749 points Ranked 42519th
    access_time 10y
    The more I use this tutorial the more I learn about HTML, that's awesome. :D
    URL to post:

Embed

menu
Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Key Authors
robin
robin Joined 13y ago
Offline
15,733 points Ranked 351st
32 medals 3 legendary 7 rare
  • Submitted 100 Maps Medal icon
  • 10 years a member Medal icon
  • Became a Ripe Supporter Medal icon
  • 6 years a member Medal icon
  • Achieved Super Moderator clearance Medal icon
  • Submitted 100 Threads Medal icon
Tutorial
Stolz
Stolz Joined 13y ago
Offline
902 points Ranked 41445th
Screenshot/Render
Special Thanks
w3schools

Submitter

robin avatar
robin Joined 13y ago
Hibernating
15,733 points Ranked 351st
32 medals 3 legendary 7 rare
  • Submitted 100 Maps Medal icon
  • 10 years a member Medal icon
  • Became a Ripe Supporter Medal icon
  • 6 years a member Medal icon
  • Achieved Super Moderator clearance Medal icon
  • Submitted 100 Threads Medal icon
robin
Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

Details

Difficulty Level
Intermediate

Attributes

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • 30
  • 47.4k
  • 106
  • 12y
  • 6y

More from Submitter

menu

WiPs by Submitter

menu

More Other/Misc Tutorials