Step-by-step

I have exams so less time for presentations ...

 
The last few days I get a lot of mails about HTML codes, that you don't know how to use it...
For me it is very simple, but I don't know how I can explain this...I'll give it a try but don't get angry when you don't get it. I can always explain it again.


Click on read more  if you want to see how I work with the codes  


 I will explain this step by step 

1. I think about how I want my presentation. 
Example: I want a gray presentation, with a frame, text shadows, .... 

2. I start in a HTML-editor 
Tip: make an account on witty profiles; this wil be really easy for you or you can use htmledit.squarefree.com but then you already know how the codes work

If you don't know the codes by heart take my HTML pages like:
presentatiecharly.blogspot.be/p/html-code.html

3. Start with the basis: <p style=""></p> (copy this)


• I want a gray background and the HTML-code of gray(more silver) is #C0C0C0
so I type:

<p style="background-color:#C0C0C0;"></p>


 !: Never forget to connect with your piece ";"

•  I want the alignment in the center 
So I type
 
<p style="background-color:#C0C0C0;text-align: center;"></p>

•  Now I want to want to determine the width
So I type

<p style="background-color:#C0C0C0;text-align: center;width: 500px;"></p>

•  I want my presentation in the middle
So I type

<p style="background-color:#C0C0C0;text-align: center;width: 500px;margin:auto;"></p>

• I also want a frame... a dark gray one. I can choose from solid, double, dashed, dotted, outset, inset, groove, ridge.
I will take a double frame. I can also choose the thickness of the frame
So I type

<p style="background-color:#C0C0C0;text-align: center;width: 500px;margin:auto; border: double 7px #666666;"></p>

 4. Now I can write some text

<p style="background-color:#C0C0C0;text-align: center;width: 500px;margin:auto; border: double 7px #666666;">Welcome</p>

Now It Look like this:

Welcome

It's a good basis now I can do more...

5. More stuff in the presentation

Enter (new line) is in HTML <br />

<p style="background-color:#C0C0C0;text-align: center;width: 500px; border: double 7px #666666;margin:auto">Welcome <br /> On my page <br /> I hope you like it</p>

Welcome
On my page
I hope you like it

 
 Still a bit boring...
I want different sizes.. I use the second basis code: <span style="">
 
<p style="background-color:#C0C0C0;text-align: center;width: 500px; border: double 7px #666666;margin:auto">
<span style="font-size:48px;">Welcome</span><br />
<span style="font-size:20px;">On my page</span><br />
    I hope you like it</p>

Welcome
On my page
I hope you like it

Some other fonts would be good and some shadow... and text colors
For the fonts:
<span style="font-family: Mistral;">
For the shadows:
<span style="text-shadow: 0px 1px 2px black;">
For the colors:
<span style="color: cyan;">

Welcome
On my page
I hope you like it

 You can edit more if you want...

<p style="background-color:#C0C0C0;text-align: center;width: 500px; border: double 7px #666666;margin:auto">
    <span style="color:#00ffff;text-shadow: 0px 1px 2px black;"><span style="font-family: Mistral;"><span style="font-size: 48px;">Welcome</span></span></span><br />
    <span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="font-size: 20px;">On my page</span></span><br />
    I hope you like it</p>