1) How to format some text as BOLD text:
The HTML instruction-code for bold text is b
So, your Start instruction will look like this: <b>
And the End (stop) instruction will be: </b>
The entire sequence will look like this:
Some leading text, <b>the text formatted as bold</b>, some following text?
Copy & paste or type that line into a comment or diary (exactly as it appears) -- and this is how it will appear when it is posted to the page:
Some leading text, the text formatted as bold , some following text...
Got that?
- Bold on: <b>
- Bold off: </b>
2) How to fomat some text in ITALICS
The HTML instruction-code for italics text is i
So, your Start instruction will look like this: <i>
And the End (stop) instruction will be: </i>
The entire sequence will look like this:
Some leading text, <i>the text formatted as italics</i>, some following text?
Copy & paste or type that line into a comment or diary (exactly as it appears) -- and this is how it will appear when it is posted to the page:
Some leading text, the text formatted as italics , some following text...
Got that?
- Italics on: <i>
- Italics off: </i>
3) How to format text as both bold and italics
What we will try now is to get some text in your main comment box to appear as bold and italics text- like this bold and italics text.
The HTML instruction-code for italics text is i , and for bold is b
To get both to happen at the same time, you need to issue two instruction-codes.
So, your Start instructions will look like this: <i><b>
And the End (stop) instructions will be: </b></i>
The entire sequence will look like this:
Some leading text ,<i><b> the bold and italics text </b></i>, some following text?
And will appear like this:
Some leading text, the bold and italics text , some following text...
It doesn't matter what order you START the commands (either Bold or Italics can come first) but you must close them in the reverse order that you started.
Thus, you see BOLD came first in the closing order, then ITALICS
Got that?
- Italics & Bold on: <i><b>
- Italics & Bold off: </b></i>
-- Remember to close your commands in reverse order.
4) And now -- let's add some color:
What we will try now is to get some color in your main comment box to appear as this is some red text
The HTML instruction-code for putting color in is <font color="colorname">
Some important things to note here:
- the instruction code has more than one word
- a space MUST BE LEFT IN between the words "font" and "color"
- the color name should be in double-quotes so that it will work in any HTML environment
We will start with getting some red, text.
So, your Start instruction will look like this: <font color="red">
And the End (stop) instruction will be: </font>
(Note that the End instruction applies only to the first word in your start instruction. As you 'progress', you will find there are many different "font" commands.)
The entire sequence will look like this:
Some leading text , <font color="red">the red colored text</font>, some following text?
And will appear like this:
Some leading text, the red colored text, some following text ...
Here are some color names and the colours you will get (And yes, I'm still stealing from AnnieB):
- <font color="red">red</font>" gives you red
- <font color="green">"green</font>" gives you green
- <font color="yellow">yellow</font>" gives you yellow
- <font color="orange">orange"</font> gives you orange
- <font color="purple">purple</font>" gives you purple
- <font color="green">green</font> gives you green
- <font color="magenta">magenta"</font> gives you magenta
- <font color="lawngreen">lawngreen</font>" gives you lawn green
- <font color="navy">navy</font>" gives you navy
- and <font color="blue">"blue</font>" gives you blue
Blue is usually 'reserved' as a color on HTML sites to show there is a link, so you might avoid it in your text areas to save some confusion.
There is a full list of the colors available here (click on that blue word 'here')
Got that?
- Color On: <font color="colorname">
- Color Off: </font>
5) Creating Text in a Box
What we will try now is to get some text in your main comment box to appear in a box, just like this text is...
This is mainly used to show a 'quote' - either from a person or another diary or similar ...
The HTML instruction-code for creating text in a box is <blockquote> (as one word)
So, your Start instruction will look like this: <blockquote>
And the End (stop) instruction will be: </blockquote>
The entire sequence will look like this:
Some leading text, <blockquote> this text is in a box </blockquote>, some following text?
And will appear like this:
Some leading text, this text is in a box some following text...
Got that?
- Blockquote On: <blockquote>
- Blockquote Off: </blockquote>
|
