Baisc HTML for Bloggers

If you’re running your own blog or website, you might have encountered the website code known as HTML. This is a standard code which is used to organize web pages and instruct internet browsers how to display the content you create.

Don’t be alarmed! HTML code can be logical and easy to understand for basic use, and there’s no reason why you can’t get to grips with it.

Most blogs will give you the option to use HTML or simply to write in text. Having some basic HTML knowledge is really helpful, even if you’re using the text option. It gives you better control, and can help you to diagnose formatting problems should they occur.

HTML Basic Structure

HTML code can look daunting, but it’s quite simple when you start to break it down. All HTML code is about giving specific commands that web browsers can understand. It’s a way of talking to the web browsers to tell them what to do.

The first, most basic HTML rule is the bracket. To let the web browsers know you are about to give them a command, you must use the <> style brackets.

All HTML commands sit within these brackets. When a web browser encounters these brackets it knows that it’s about to be told something about how to display the text.

Basic Commands

The commands that sit within the brackets are quite simple and often quite predictable once you know what you’re looking for.  For example, in HTML the code for bold text is simply B. Remember, you will want to put these commands into the HTML brackets. Here are some of the most common:

Bold: <b>

Italics: <i>

Underline: <u>

New paragraph: <p>

Line break: <br>

Centralise text: <center>

Ending a Command

With most of the commands above, you will want to tell the web browser when to stop using them. If you have told the browser to bold some text for example, you will want to tell it to stop doing so once the relevant text comes to an end.

With all HTML commands, signifying where they end is simple. Simply close the command by repeating it with the addition of / at the start of the bracket:

Bold: </b>

Italics: </em>

Underline: </u>

New paragraph: </p>

Here’s a quick example.

The HTML code:

<p>PYE is a <em>youth empowerment organization</em> which specializes in partnering with youth organizations and individuals <b>around the world</b> in order to bring arts and <u>creativity to young people</u>.</p>

How it will look on your blog:

PYE is a youth empowerment organization which specializes in partnering with youth organizations and individuals around the world in order to bring arts and creativity to young people.

As you can see from the above example, you can put commands within other commands without any problem. The web browser will continue each separate command until you tell it to stop.

N.B The HTML code for a line break – <br> – does not need an end command.

Adding a Website Link in HTML

If you want to add a link to your blog or website, then it’s a relatively easy thing to do using HTML. There are two main ways that you can do this.

Most blog platforms will have an easy option for adding linked text. In the command menu where you add the blog, you will likely see a button which looks like two chain mail links:

Screen shot 2013-12-27 at 11.56.51

If you highlight the text you want to add a link to and click this button, you will be given the option to paste the URL that you want to link to into a box, click ok, and the work will be done for you.

Alternatively, you can choose to add the link using your own HTML. This command looks complex, but really, it follows the basic rules of HTML that we have laid out above. The basic command looks like this:

<a href=”add URL here”>

Simply add this code before the text that you wish to be linked and paste the URL that you would like to link to between the exclamation marks. To close the command, simply use the end command </a>.

If you have any questions about how to use HTML on your blog, why not stop by and chat with us at the PYE Facebook page or post your question in the comments box below.

 

Enjoyed that? You might be interested in these articles:


Screen shot 2013-09-03 at 17.34.45
What is a social artist?
A social artist is someone who is part artist, part social-change agent, part facilitator and part visionary. The social artist draws on artistic practice, group dynamics and creative ideas to facilitate change.
Screen shot 2013-09-19 at 10.32.44Who should you follow on Twitter?
There are some amazing and inspiring social artists on Twitter. Following them will allow you to engage in relevant conversations and discussions and keep you up to date with all the latest news and developments in the field.
Screen shot 2013-12-27 at 12.02.12Social Artists Guide to Social Media
Thinking of putting your project online? Wanting to expand your connection to other social artists? It needn’t be daunting.

 

Leave a Reply

Your email address will not be published.