Learn HTML!

Thanks to Mrs Yollis for some of this information about HTML.

HTML can really help you take your commenting to the next level!

**********

What is HTML? HTML (Hypertext Markup Language) is a special computer language. You can build a whole website out of HTML but you can use HTML in your comments to use things like italics, bold and hyperlinks by using special symbols.

It is somewhat easy to learn HTML and, with a bit of practice, you’ll have your comments standing out and looking great in no time!

The following symbols are needed for HTML…

The less than symbol <

The greater than symbol >

The backslash /

Use these keys on the keyboard below for HTML code…

(Note, you will need to hold down shift to use < and >)

keyboard

ITALICS

You might use italics to emphasise certain words to make them stand out eg. “I really enjoyed reading your post”. You might also like to use italics if you are talking about a title eg. “I am reading Cloudy with a Chance of Meatballs“.

To make words italic, use this HTML code around the text

<i>text</i>

eg. I <i>love</i> blogging!

The text will look like this…

I love blogging!

**********

BOLD

You might use bold to make certain words stand out eg. “Bloggers should always proofread their comment before submitting it”. You might also like to use bold if you want to use sub-headings.

To make text bold, use this HTML code around the text

<b>text</b>

eg. I <b>love</b> blogging!

The text will look like this…

I love blogging!

**********

TIPS

1. If you put spaces in the code, it won’t work.

2. You can put more than one word in bold or italics but don’t write your whole comment in bold or italics.

3. If you want something to stand out, bold or italics is a better choice than WRITING IT IN CAPITAL LETTERS.

4. Another way to make your comment stand out is to use interesting words, not lots of exclamation marks!

**********

LINKS

If you want to put a link or hyperlink in your comment, it gets a bit trickier.

Here is the code…

linkhtml

The URL is the address of the web page. It starts with http://

For example, if I want to link to the 2KM and 2KJ Blog I would write…

<a href=”http://2kmand2kj.global2.vic.edu.au/“>2KM and 2KJ Blog</a>

It would turn out like this

2KM and 2KJ Blog

**********

Here are a list of some HTML codes, you can click on the picture to make it bigger and even print it if you want a “cheat sheet” at home!

HTML codes

Want to know HTML codes for smilies? Thanks to Bianca who found a list of smilie HTML codes!

They are from this website http://codex.wordpress.org/Using_Smilies

Remember: click on the picture below to see it more clearly.

These smilies don’t work on Blogger blogs like Mrs Yollis’ blog and B4’s blog.

smilies html

HTML Code may seem tricky to start with but it will get easier with a little practice.

Leave a Reply

Your email address will not be published. Required fields are marked *