Jump to content
View in the app

A better way to browse. Learn more.
OSBot :: 2007 OSRS Botting

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Using HTML On The Forums

  •
Mikasa
in Tutorials

Featured Replies

Use in forums

  • Only the OP can be in HTML
  • 100% of the post has to be in HTML. You cannot add an HTML table to a non-HTML thread. 
  • If available, it will be a checkbox in the "Post Options"

News & Announcements

SOTW

 

 

 

 

The Basics

Paragraph and line formatting

Paragraphs - <p> Paragraph </p>

Line breaks - <br>

 

Commonly used text formatting

Bold text - <b>Text here.</b>
Strong text - <strong>Text here.</strong>
Emphasized text - <em>Text here.</em>
Italic text - <i>Text here.</i>
Small text - <small>Text here.</small>
Subscript and Superscipt text - <sub>Subscript</sub> and <sup>Superscript</sup>

Most common character entities

non-breaking space -  
<     less than - <
>     greater than - >
&     ampersand - & 
"     quotation mark - " 
'      apostrophe - ' 

 

 

 

HTML Elements 

Horizontal rule (more commonly known as a divider)

These are set with <hr> (yes, there is no closing tag)

Horizontal rule attributes:

align - left, center, or righ
noshade - noshade
size - pixels
width - pixels%

Example:

 <hr size="15" width="75%" align="center">

Tables

Entire table - <table> </table>
Table row - <tr> </tr>
Header row - <th> </th>
Table cell - <td> </td>

If you do not add border attributes to the table, no border will be added. 

Table attributes: 

bgcolor="#000000"> 
bgcolor="rgb(0,0,0)"> 
bgcolor="black"> 
Border="#"

 

Lists

Unordered lists start with the <ul> tag.
Each list item starts with the <li> tag. 
 
Ordered lists start with the <ol> tag.
Each list item starts with the <li> tag. 
 
For definition lists, you need three HTML elements;
A container <dl>
A definition term <dt>
A definition description <dd>. 

Images

The <img> tag is empty, which means that it contains attributes only and it has no closing tag. To 
display an image on a page, you need to use the src attribute. Src stands for "source".

<img src="url here">

 

 

Resources

Sample Table Borders

5xwb0.png

<table style="border:1px dashed black;">
<tr>
<th>Table Header</th><th>Table Header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
<tr>
<td>Table cell 3</td><td>Table cell 4</td>
</tr>
</table>

5xwc9.png

<table style="border:3px dashed blue;">
<tr>
<th>Table Header</th><th>Table Header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
<tr>
<td>Table cell 3</td><td>Table cell 4</td>
</tr>
</table> 

5xwdL.png

<table style="border:5px double black;">
<tr>
<th>Table Header</th><th>Table Header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
<tr>
<td>Table cell 3</td><td>Table cell 4</td>
</tr>
</table> 

 

 

Credit goes to Master Chief for creating this guide

Guest
This topic is now closed to further replies.
Go to topic listing

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.