WordPress HTML code notes

These are manual codes. You may wish to investigate Cascading Style Sheets (commonly known as “CSS”) so as to enable you to make global changes to your site.

Note: Each set of code needs to start with a left arrow bracket (to the right of the “M” on the keyboard) and end with a right arrow bracket (to the left of the “?” on the keyboard).

BLANK LINE CODES:

WordPress is fine in creating one gap between lines, but more than one will need some code. To put a second space between lines, try the following:
br class=”spacer_” /

as the following two codes don’t seem to work
br

br /

When I tested this page, only the first code was successful in inserting a second line.
The standard line break code, “br”, will work fine with normal HTML pages, but not with WordPress.

PARAGRAPH CODES:

The “p style” also separates the paragraph from other paragraphs.

WordPress, to indent a paragraph (style 1):

Open with
div style=”text-indent:3em;”
close with
/div

WordPress, to indent a paragraph (style 2):

Open with
p style=”text-indent:3em;”
close with
/p

WordPress, to indent a paragraph (style 3):

Open with
p style=”text-indent:50px;”
close with
/p

WordPress, to indent a paragraph (style 3b):

Open with
p style=”text-indent:150px;”
close with
/p

FONT COLOURS:

Just some examples…

Using names:
font color=”blue”
font color=”green”
font color=”red”

Using alpha-numeric code (RGB, or Red Green Blue, code):
font color=”#00FFFF” [Cyan]
font color=”#800000″ [Maroon]
font color=”#800080″ [Purple]
font color=”#7783EE”
font color=”#EC77EE”
font color=”#7FEE77″
each colour code is closed with
/font

Colours will stand out more if you make them bold as well.

There is a whole range of colours that can be used; try the following links:
HTML Color Codes
HTML Colors
HTML color codes and names

HEADING CODES:
(Notice that these also insert gaps between the lines)

h1, closed by /h1, with bold

h1, closed by /h1, no bold

h2, closed by /h2, with bold

h2, closed by /h2, no bold

h3, closed by /h3, with bold

h3, closed by /h3, no bold

h4, closed by /h4, with bold

h4, closed by /h4, no bold

h5, closed by /h5, with bold
h5, closed by /h5, no bold

Here are some characters in the default text size and font to compare with the enlarged text.

FONT SIZE CODES:

span style=”font-size:xx-small;”
span style=”font-size:x-small;”
span style=”font-size:small;”

span style=”font-size:large;”
span style=”font-size:x-large;”
span style=”font-size:xx-large;”

Change the numbers to suit:
span style=”font-size:16px;”
span style=”font-size:24px;”
span style=”font-size:36px;”

With a different font family as well (these will only work if you have the font installed on your computer):
span style=”font-family:arial;font-size:large;”
span style=”font-family:comic sans ms;font-size:large;”
span style=”font-family:georgia;font-size:large;”

All these “span” commands are closed with
/span

These didn’t work with WordPress:
font size=”+1″
font size=”+2″
font size=”+3″
font size=”+4″
font size=”+5″

These didn’t work with WordPress either:
font size=+1
font size=+2
font size=+3
font size=+4
font size=+5

Here are some characters in the default text size and font to compare with the enlarged text.

MISCELLANEOUS:

The default size for WordPress header graphics is 940 x 198 pixels.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s