MaraGuide
  • Avatar Database
  • Anagram Sam Solver
  • Pet Valuation Tool
  • Battle Guide
  • Crossword Solver
  • Profile Completion
  • Guides
    • Boutique Tracker
    • Missions
    • Mystery Item
    • Microwave Recipes
    • Drew Transformations
    • Glowing Eggs
    • Sultan Tax
  • Mara Flash Games
  • Image Tools
    • Spotify Signature
    • Visitor Counters
    • Profile Status Bar
    • Goal Bar
  • MaraHTML
    • HTML Intro
    • Working With Images
    • Working With Text
    • Adding Links
    • Creating Tables
    • Miscellaneous
    • CSS Intro
    • Styling Boxes
    • Working With Colours
    • Styling Images
    • Styling Tables
    • Styling Text
    • Pseudo Classes
  • Mara:Force Backup
  • Enter MaraGuide


Ads added by hosting provider.
  • Home
  • Avatars
  • Tools
  • Spotify Signature

MaraHTML

Coding resources, tutorials and more.

HTML Text



Share this page:
A lot of text formatting and styling is best done with CSS, check the guide for CSS text styling. Some is still best done with HTML though.


Basic Formatting


Code: Looks Like:
<b>Your text here</b> Bold text
<i>Your text here</i> Italic text
<u>Your text here</u> Underlined text
<marquee>Your text here</marquee> Marquee text
<sup>Your text here</sup> Text with superscript
<sub>Your text here</sub> Text with subscript
<q>Your text here</q> Quoted text

Lists



- Unordered/bulleted lists

If you've ever had to do any kind of presentation or report, I'm sure you're familiar with how bullets can help get your point across. It's especially handy when you want to make a list of some kind. Perhaps your site is for a club and you want to list the rules. Or maybe your site offers graphics and you want to list the instructions to use them. Regardless of your reasons, bulleted text is a great way for making your lists stand out.

  • This is an example of bullets.
  • The little black dot to the left of this text is called a bullet.
  • See how each item in the list stands out? Another nice feature of bulleted text is how it handles longer sentences or paragraphs. See what happens when the text goes to a new line? It keeps the text indented and in line with all the previous lines. Pretty neat, huh?

Here's the code to make bulleted text:

<ul>
<li>Number One</li>
<li>Number Two</li>
<li>Number Three</li>
</ul>

- Ordered/numbered lists

Another form of bulleted text is the numbered type. The only difference here is that the bullets are numbers:

  1. This is the first point.
  2. This is the second point.
  3. This is the third point.

Here's the code to make numbered bulleted text:

<ol>
<li>Number One</li>
<li>Number Two</li>
<li>Number Three</li>
</ol>

Ads added by hosting provider.

MaraGlobe | Rules | Crafted with by Civ
MaraGuide ©