html code crib sheet

[Sally Dickson]

useful stuff, please cut and paste and add in your own favourites.

!!< <strong>text</strong> >!! -- Bold
!!< <br> >!! -- Break
!!< <i> text </i> >!! -- Italic
!!<<em>text</em>>!! -- indent
!!< <ul>
<li> text</li>
<ul>>!! -- indent and bullet

!!< <font color="red"> text</font> >!!
!!< <font color="#FF3300"> text</font> >!!

Colour chart reference: http://hotwired.lycos.com/webmonkey/...e/color_codes/

Cheers,

[jont]

Thanks for the snippets. Just to note you should really use <br /> for the break.

I personally find it better not to have spaces between the << and >> as per your <<em>> code example as this will insert an extra space into the line if you have < < and > >

[Kermy]

Just to note you should really use <br /> for the break.

It's all a case of how pedantic you are Normally I avoid all hardcoded styles like <font>, <em>,<i> etc, and go for pure CSS instead - but theres so much lazy Actinic code, I end up typing any old thing, so long as it works

[jont]

It's all a case of how pedantic you are

Very

I actually (sadly enough) also go through all the templates and ID text renaming <BR> to <br /> ... I need to get out more often.... don't get me started on <TD> and <A> tags

The above snippets are useful for inline changes in say the product description or fragments to highlight key points in a regular sentence

[David@MPL]

Excuse my ignorance, but why is <br /> better than <br> ?

[jont]

HTML tags usually open <p> and then close </p>

Some tags don't have a closing tag eg <img> and <br> which for new standards and validation should be <br/> .... it is best practice to place a space in there eg <br /> to allow for compatability with older browsers

[David@MPL]

Oh right, so presumably an image tag should now be

<img src="http://path.here/pic.jpg" />

as well then.

Thanks BTW

[jont]

Oh right, so presumably an image tag should now be

<img src="http://path.here/pic.jpg" />

as well then.

Thanks BTW

yep - thankfully there are not that many that need closing off that way

[Sally Dickson]

sorry you lost me...

HTML tags

The point being these are not just any tags, but they are coded so they can be cut and pasted directly into product descriptions in Actinic,

hence the !!< ...

here's some more

!!< <b> >!!Choice of colour:!!< <font color="#FF3300"> >!! Bright Red !!< </font> >!!,!!< <font color="#000099"> >!! Royal Blue !!< </font> >!!, !!< <font color="#FFFF00"> >!! Sunny Yellow !!< </font> >!! !!< </b> >!!


Hey this is more fun than actually getting on programming the damn site!

[Sally Dickson]

useful

this will insert an extra space into the line if you have < < and > >

Useful! I knew there was a problem somewhere!

[jont]

The point being these are not just any tags, but they are coded so they can be cut and pasted directly into product descriptions in Actinic,

hence the !!< ...

The <b> and <ul> and <br /> etc are all HTML tags ... they are marking the text to display in a certain way (emboldend, list or line break)

The !!< is used to wrap the HTML code inside Actinic so Actinic knows that it is indeed HTML code - without the !!< it would simply display it as raw text