About
About Flu Wiki
How To Navigate
New? Start Here!
Search FW Forum
Forum Rules
Simple HTML I
Simple HTML II
Forum Shorthand
Recent Active Diaries
RSS Feed

Search




Advanced Search


Flu Wiki Forum
Welcome to the conversation Forum of Flu Wiki

This is an international website intended to remain accessible to as many people as possible. The opinions expressed here are those of the individual posters who remain solely responsible for the content of their messages.
The use of good judgement during the discussion of controversial issues would be greatly appreciated.

More HTML Basics

by: katiebird

Sat Mar 10, 2007 at 23:22:47 PM EST


I'm reworking some of the earlier HTML instructions -- the instructions about removing spaces made some of the earlier HTML Hints confusing for me.  So I've redone the instructions without the space issue.


You can Copy/Paste the HTML codes in this diary just as they are (or type them just as they appear) in any diary or comment.


These instructions are stolen adapted from AnnieB, who reminds us to use American spelling for color and other HTML commands.


Bold text | Italics text | Bold Italic text | Color Text! | Text in a Box |

katiebird :: More HTML Basics
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>




Tags: , (All Tags)
Print Friendly View Send As Email

More HTML Basics | 12 comments
Thank you!
I have been wondering how to do this for the longest time!

Thx KatieBird
When I first created the HTML Diary I was literally learning it myself to create those.  At that stage, the people working at the test site were not super-html efficient and so we hadn'r learned all the 'intricacies' that make creating this stuff so much easier.

Thank you so much for the re-do - well overdue! Cheers ;-)

PS - can you remind people that all html code is in American - it took me days to get colours (colors) correct !!!!!

Eat pudding first - who know's what might happen next! - Anon


I added that
"who reminds us to use American spelling for color and other HTML commands."

[ Parent ]
Coloquial English for HTML
Hope this works

Kobie
Kobie is a light blue color?, ahh the water sign!


[ Parent ]
FluWiki comment warning - to many repeting charectors
Hi,
  Bronco Bill just corrected a problem in one of my posts, too many repeting charectors.

  Turns out I seperated my questions with a line of '===========',  (its a main frame programmer thing, some prefer splat or star '***************')

  It can create a side bar scroll problem so do not let the same repeting charector run the length of a line.

  Sorry no specifics - just a warning.

Kobie  :o)


It wouldn't be a result of using any particular character
Any long enough string of characters without a space can cause a problem. It's the space that allows "word wrap" to function and kick over to a new line.

[ Parent ]
Too many words, not enough spaces - Thanks. BTW - hope you are feeling better. n/t


[ Parent ]
I'm OK. Thanks. n/t


[ Parent ]
Possible error?
In the section about color, I think I found out that font color=""red" is supposed to be font color="red"?

(Obviously, I'm an HTML complete beginner.)


Good catch, ssal....
...and it's now been corrected.  Thanks.

[ Parent ]
Thanks
Thanks for the codes,
It helped me so much.

More HTML Basics | 12 comments
Menu

Make a New Account

Username:

Password:



Forget your username or password?



Active Users
Currently 1 user(s) logged on.

Contact
  DemFromCT
  pogge (In Memorium)
  Bronco Bill
  SusanC (emeritus)
  Melanie (In Memoriam)

  Flu Wiki (active wiki resource)
  How To Add To Flu Wiki
  Get Pandemic Ready (How To Start Prepping)
  Citizen's Guide v 2.0
  Effect Measure
  Dude's FTP

Home
Powered by: SoapBlox