HTML for “Our Story”

On your organization’s Kimbia page there is a section called “Our Story” where you can provide compelling information to donors. This section is important. The challenge is that in order to make it look nice, you’ll need to use HTML (code for websites). Don’t worry this is easy and straight-forward and you can do it.  Here are some basic commands:

2 BASIC CONCEPTS

  1. How do you show an HTML command? You start an HTML command by using a code within <  > signs. The command “lives” within these brackets.
  2. How do you turn on/off a command? Often, you start and then end an HTML command – turning it on, then turning it off. The first instance often looks like <turn on command> and second instance looks like </turn off command>.  Note the second instance has a slash which indicates its the end.


BASIC COMMANDS

1. Line Returns
To make a new line (a hard/line return) you need to use the <p> command. 
To make a new line, add <p> at the end of your line. You can add another to create space between lines.

Example:
This is the first line.<p>
<p>

This is another line after a space.<p>

Looks like: 
This is the first line

This is another line after a space.


Bold

To make take bold, you need to use the <b> command. To make text bold, put the <b> command before the desired text and the </b> after. This can happen anywhere in a sentence

Example:
This is an <b>example of bold </b> text.
Look like: This is an example of bold text.


Links 

To make a link to another webpage or a document on the web (any URL), use the <a> command and the following syntax.

Example 1: Link to webpage
<a href=”https://www.really-cool-nonprofit.com”>Click here</a>
Looks like: Click here
when you click this, the link will take you to the webpage www.really-cool-nonprofit.com

Example 2: Link to document:
<a href=”https://www.really-cool-nonprofit.com/instructions.pdf”>Get instructions</a>
Looks like: Get instructions
when you click this, the link will take you to the instruction pdf on the webpage for www.really-cool-nonprofit.com