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 4KM and 4KJ Blog I would write…

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

It would turn out like this

4 KM and 4KJ 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.

Print Friendly

7 thoughts on “Learn HTML!

  1. Hi Miss Jordan,

    I don’t know if you shouid approuve this comment but I just wany to test some smiley faces. well here they are:
    ๐Ÿ™‚ ๐Ÿ˜‰ ๐Ÿ˜€ ๐Ÿ™ ๐Ÿ˜ฎ ๐Ÿ˜ฏ ๐Ÿ˜• 8) ๐Ÿ˜ก ๐Ÿ˜› :I ๐Ÿ˜‰ ๐Ÿ˜† ๐Ÿ˜ณ
    ๐Ÿ˜ฅ ๐Ÿ‘ฟ ๐Ÿ˜ˆ ๐Ÿ™„ โ— โ“ ๐Ÿ’ก โžก
    :mrgreen:

    From Lachlan (Ps: just testing my HTML)

    • Dear Lachlan
      I think it was a great idea to put smiley faces on it.
      It really brightens it up. ๐Ÿ˜€ ๐Ÿ™‚

      Maha helped me do the smiley faces.

      From your blogging buddy Becky!

  2. Dear 4KM and 4KJ,
    I’m with Lachlan, I just want to test out my HTML codes.
    ๐Ÿ™‚ ๐Ÿ˜† ๐Ÿ˜ฅ ๐Ÿ™ 80 ๐Ÿ˜ฏ ๐Ÿ˜Ž :mrgreen: ๐Ÿ˜ ๐Ÿ˜› ๐Ÿ˜ก
    ๐Ÿ’ก โžก ๐Ÿ˜ณ ๐Ÿ˜ฎ โ“ โ— ☀ ♦

    Hope I got all of them right.
    Your blogging buddy,
    Br☀nte

  3. Dear 4KM and 4KJ,

    and I am with Bronte and Lachlan. Just testing my HTML!
    ๐Ÿ™‚ ๐Ÿ˜€ ๐Ÿ™ ๐Ÿ˜ฎ ๐Ÿ˜ฏ :p ๐Ÿ˜• ๐Ÿ˜Ž
    ๐Ÿ˜ก ๐Ÿ˜› ๐Ÿ˜ ๐Ÿ˜‰ ๐Ÿ˜† ๐Ÿ˜ณ ๐Ÿ˜ฅ
    ๐Ÿ‘ฟ ๐Ÿ˜ˆ :D:roll: โ— โ“ ๐Ÿ’ก โžก
    :mrgreen: ♦ ♥

    From your blogging buddy,
    Indi ๐Ÿ™‚

  4. Dear 4KM and 4KJ,

    I’m with Lachlan, Bronte and Indi on this one. Just testing out my HTML!
    Here they are:
    ๐Ÿ™ ๐Ÿ˜€ ๐Ÿ˜› :mrgreen: ๐Ÿ˜ณ ๐Ÿ˜ฅ โ“ ๐Ÿ˜Ž ๐Ÿ™‚ :

    From your student,
    Iesha ๐Ÿ˜€ :mrgreen:

  5. Dear 4KM and 4KJ,

    I find it reeeeeaaaaaaaaaaly difficult to do HTML
    but at least I have a go at it. The only one I can do is ๐Ÿ™‚ .

    Do you find it difficult?

    From,

    Jesse

  6. Hi 4KM and 4KJ,

    I find using HTML is quite fun. I like to use the whole text to do it incase it doesn’t work with the numbers.

    Here are some of my favourites: ๐Ÿ˜† :mrgreen: ๐Ÿ˜ณ and ๐Ÿ˜‰

    From your class mate,
    Haille :mrgreen:

Leave a Reply

Your email address will not be published.