In part one we took a look at upsizing your font size in HTML... The easiest way to do it is to use the paragraph tag <p> and size the font using the <big> tag. HTML on Activerain is easy because you only need the most basic tags, AR handles the rest. Part One
It’s important when you’re working with HTML to remember that everything you turn on needs to be turned off... So if you want to make a font “big” throughout the document it may seem logical to start with <big> at the beginning and then turn it off at the end of the document using </big>.
Not so...
It’s best practice to turn “big” on and off in each paragraph, or single line you want separated from the rest.
So every paragraph starts with <p><big> and ends with </big></p>. I save a lot of typing time by keeping the HTML tags in a notepad.txt on my desktop. When I’m working on my post I simple copy the tags I need and paste them.
Usually, I try to stay on the HTML side of the editor as much as possible then switch to the WYSIWYG tab.
A couple of common tags you’ll use a lot are “bold” and “italic”...
When you want to bold a word or a sentence put <strong> to start bolding and </strong> to turn it off.
example for bold...
<p><big><strong>Your blog is awesome</strong> and I love your photographs!</big></p>
Will look like...
Your blog is awesome and I love your photographs!
When you want a word or phrase in italic put the tag <em> to start and end it with </em>.
example for italic...
<p><big>Blogging on Activerain really enhances your <em>(Google Juice)</em> web presence.</big></p>
Will look like...
Blogging on Activerain really enhances your (Google Juice) web presence.
And if you want both bold and italic...
<p><big>Blogging on Activerain really enhances your <strong><em>(Google Juice)</em></strong> web presence.</big></p>
Will look like...
Blogging on Activerain really enhances your (Google Juice) web presence.
Stay tuned for part three... We’ll look at sizing and positioning photo’s.
Comments(4)