Adding HTML to Your Blog


html basics
How to Add html to Your Blog

HTML is the code that works behind the scenes to make a lot of websites work.

I've put this page together so that students can copy and paste the code straight into their blog posts and not have to worry about coding. That way we can focus on Literacy skills.


To link from your blog to an outside webpage -

Page opens In the same window -

<a href ="insert the web address (URL) you want to go to here">insert click text here</a>

Page opens in a different window -

<a href="insert URL you want to go to here" target="_blank">insert click text here</a>

To bold some writing -

<B>Insert text here you want in bold</B>

To make some writing italics -


<I>Insert the text you want in Italics here</I>


To change the colour of your writing -


Red

<FONT COLOR="#FF0000">Insert the text you want this colour</FONT>


Orange

<FONT COLOR="#FF6600">Insert the text you want this colour</FONT>


Dark Blue

<FONT COLOR="#000066">Insert the text you want this colour</FONT>


Light Green

<FONT COLOR="#00FF00">Insert the text you want this colour</FONT>


White

<FONT COLOR="#FFFFFF">Insert the text you want this colour</FONT>


Black

<FONT COLOR="#000000">Insert the text you want this colour</FONT>


Gray

<FONT COLOR="#999999">Insert the text you want this colour</FONT>

Light Blue

<FONT COLOR="#0066CC">Insert the text you want this colour</FONT>


Purple

<FONT COLOR="#663399">Insert the text you want this colour</FONT>


Cream

<FONT COLOR="#FFFF99">Insert the text you want this colour</FONT>

Yellow

<FONT COLOR="#FFFF00">Insert the text you want this colour</FONT>

NOTICE HOW SOME OF THESE COLOURS MAKE READING THE TEXT HARD. LET THIS BE YOUR LESSON :)

Feel free to link directly to this page from your blog if you'd like your students to have easy access to html tags.

Colorful Free Classroom Stationery to Edit & Print
Free
Editable
Classroom
Decorations


Back to the Blogging Tools