How to modify your text with html instead of using plugin's

bydan-mallette

1.1K followers

Updated 10 years ago

As some of you may have noticed, I like to play a lot with the html coding on my daddyisitsafe website. The reason I decided to experiment and learn how the coding works is because I keep reading how too many plugins can slow down your site. Here are a few standard commands I've learned that you can use instead of using a plug in.

Bold There are two ways I've been bolding my text, <b> and <strong>. I prefer to use strong, to know why read this post on stackoverlow.com.

Here's how to use these commands:

<strong>Write your text here</strong>

<b>Write your text here</b>

Italic There are two ways I've been doing this as well. <em> and <i>. Once again my preference is <em> for the reason why read this post on stackoverlow.com.

<em>Write your text here</em>

<i>Write your text here</i>

Underline Underline can be done by using <u>

<u>Title</u>

Font Size = I've been doing this a few different ways too, here are some examples

<font size = "4">Write your text here</font>

<font size = "large">Write your text here</font>

<font size = "115%">Write your text here</font>

These will all write your text more or less the same size.

How to change the size

numbers = larger the number = larger your font

Word size = xx-small, small, medium, large, x-large, xx-large

percentages = 25%, 50%, 100%, 200%, 400%, etc...

You can combine these as well. The following code will change the font size, make in bold and italic and underline your text.

<font size = "7"><strong><em><u>Write your text here</u><em></strong></font>

Now wordpress will change your code to

<span style="font-size: 300%;"><strong><em><span style="text-decoration: underline;">Write your text here</span></em></strong></span>

So don't panic, it's the same thing. In case you haven't noticed, when using code you are first opening it <strong> then you have to close it </strong> You are more or less telling the browser to modify the text in between these two commands. Always close your commands in the reverse order that you opened them in. Open 1234 => Close 4321

There are other ways of doing this as well, I've been experimenting with span style quite a bit and will be writing about that soon. I will be posting more as I learn myself, again if anyone has any tips feel free to comment.

For all you pro's out there, I realize this is some very basic stuff so I apologize for the boring read but I'm writing it for me and anyone else who is new to this adventure.