How to make your own presentation

Hello it's me Charly_ _6_ _. and on this page I will show you how you can make your own presentation.I use codes for it and it's really easy. Let's start...

 How to make a presentation using HTML
What do you need to start:

- open a HTML editor you can just google one. 
This is the one that I used when I started 7 years ago hhttp://htmledit.squarefree.com/
Now I prefer to use witty profiles because I can save my presentations on that site if I want.
- open a html color page. This is my favorite page https://www.computerhope.com/htmcolor.htm
- open  my other page HTML codes if you don't know them

I will you give a basic presentation code to start with, copy that and past it in the HTML editor.

<p style="background-color:#000000; text-align:center; color:#fff; font-size: 12px;">
    text</p>


This is a black background, the text will be white and size 12. Now we will add a title 'Welcome' and make that big. I want it before my 'text. So I add <span style="font-size:70px;">Welcome</span>
 tip: <br /> means enter / new line. So I write that behind my welcome so text will be on another line.


<p style="background-color:#000000; text-align:center; color:#fff; font-size: 12px;">
    <span style="font-size:70px;">Welcome</span><br />
    text</p>

Now we have this:
Welcome
text

If you want more titles, like 'About me', 'Join my club', .... you add it like you did with welcome. You can change that font size too, I used 30

<p style="background-color:#000000; text-align:center; color:#fff; font-size: 12px;">
    <span style="font-size:70px;">Welcome</span><br />
    <span style="font-size:30px;">About me</span><br />
    text</p>


Good, now we want some color in it.. I want to put 'About me' in red (= #ff0000), use the code: 'color: putthecolorhere;'

<p style="background-color:#000000; text-align:center; color:#fff; font-size: 12px;">
    <span style="font-size:70px;">Welcome</span><br />
    <span style="font-size:30px;color: #ff0000;">About me</span><br />
    text</p>


You can put some more stuff
<p style="background-color:#000000; text-align:center; color:#fff; font-size: 12px;">
    <span style="font-size:70px;">Welcome</span><br />
    <span style="font-size:30px;color: #ff0000">About me</span><br />
    text<br />
    <br />
    <span style="font-size:30px;color: #ff0000">Join my club</span><br />
    text<br />
    <br />
    <span style="font-size:30px;color: #ff0000">My friends</span><br />
    text<br />

  </p>
You can add borders, gradients, boxes in it, other fonts,.... You will find iton the html page

No comments:

Post a Comment

Note: only a member of this blog may post a comment.