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…

Link HTML Code

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

For example, if I want to link to the 4B Blog I would write…

<a href=”http://missjordan.global2.vic.edu.au/“>4B Blog</a>

It would turn out like this

4B 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[1]

Want to know HTML codes for smilies?

Smilies HTML

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.

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

One thought on “Learn HTML

  1. Dear Miss Jordan,
    I am so looking forward to 2014,
    I am totally looking forward to grade 4 camp , getting the iPads and doing more blogging!!

Leave a Reply

Your email address will not be published.