HTML code and editing – Woodie Knows WordPress

Woodie knows WordPress - Carrie Spencer Smart Ass RomanceThey say we’re young and we don’t know
We won’t find out until we grow
Well I don’t know if all that’s true
‘Cause you got me, and baby I got you….

What – never seen a singing woodchuck before? Jeeeez.

Fine, fine. I’ll get to work.

First, let’s talk about the editors that come with WordPress. Here we have a choice between VISUAL and HTML. Most WP’ers use the Visual side, because they can see how the post is going to lay out. Sure, sometimes it doesn’t look exactly the same, but close.

But what happens when you want . . . more?

Come to the dark side, young Padawan, let Obi Woodie Kenobi show you a few HTML tricks.

Remember, these bits of code must be added to the HTML side, not the visual. Trust me, you won’t like the results otherwise!

Headers – Almost everyone can make their text bold, or italicized. But can you make yours

Big?

No? Then watch this.

<h1>Test</h1>

<h2>Test</h2>

<h3>Test</h3>

<h4>Test</h4>

<h5>Test</h5>
<h6>Test</h6>

These are header tags. You’ll notice each bit of code starts with a <code> and ends with </code>. This HAS to be. If you don’t close your code, the browser will keep formatting your entire post!

Suppose you want to add your own link in? Ok, we can do that!

<a href=”http://www.nameoflink.com”>click here</a>

Now here’s a few pointers. One, you have to have (can you hear me, cuz I’m yelling this) http:// in front of your link. Have. to. Two, you have to close your link. Have. to. Otherwise your entire post will be a link. Not good.

To have it open in another browser window? Do this…

<a href=”http://www.nameoflink.com” target=_”blank”>click here</a>

You can also link a graphic. <a href=”http://www.nameoflink.com”><img src=”thisgraphic.jpg”></a>

ooooooooooooooooo. Yeah, the old Woodster knows his stuff!

Suppose you have a big graphic and you want to leave a space underneath it?

<br style="clear:both;" /> will clear a space.

Want to change your font color?

<p style=”color: #ff3300;”>

This would turn your text orange

</p>
(notice how I closed the tags?)

Here’s a chart with a variety of colors…

And finally, here’s a simple table. One row by 3 columns.

<table>
<tr>
<td>insert picture here</td>
<td>insert picture here</td>
<td>insert picture here</td>
</tr>
</table>

which would look like this!

And there you have it my friends. A wee bit of HTML coding to help with your posts!

Got questions? I’m standing by!

8 Responses to “HTML code and editing – Woodie Knows WordPress”

Enter your email address:

Delivered by FeedBurner

[progpress title="Of Life and Lemons" goal="50000" current="6645"]

[progpress title="Wedding Cakes R Us" goal="6000" current="2938"]

[progpress title="Moose's Christmas" goal="300" current="0"]

[progpress title="I've been framed" goal="50000" current="52086"]

[progpress title="lemons and cowboys" goal="50000" current="41389"]