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> | |
<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>
<li>Number Two</li>
<li>Number Three</li>
- Ordered/numbered lists
Another form of bulleted text is the numbered type. The only difference here is that the bullets are numbers:
- This is the first point.
- This is the second point.
- 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>
<li>Number Two</li>
<li>Number Three</li>