Basic HTML 2

<< back | refresh | forward >>

Images

Putting up an image on your site or anywhere else is very simple. Just use this code!:
<img src="IMAGE URL">

Replace 'IMAGE URL' with your image's url and you're good to go!
In the previous tutorial(Basic HTML page 1), i showed you how to put up an image link.
If you do not know how, just go back there and check it out ^^. Click here!

Backgrounds

There are two ways to put up a background:

  •  Using HTML

  •  Using CSS

    • In my opinion, i really dont think anyone puts up a background using HTML anymore.
    Putting one up using CSS is much better. But i'm going to show you both of them:

  • Using HTML:

    • -To put up a background using HTML, use this code:
    <body background="BACKGROUND URL">
    Replace 'BACKGROUND URL' with your background's url

  • Using CSS:

    • -And use this code to put a background up using CSS:
    <style type="text/css">
    BODY {background-image: url(BACKGROUND URL); background-repeat: repeat}
    </style>
    Replace 'BACKGROUND URL' with your background's url

    Lists

    There are many different ways to organize your list. Im going to show you 3 ways.

    The 1st way: Numbered List:
    Heres an example of a numbered list:

    1. Your text here
    2. Your text here
    3. Your text here
    4. Your text here
    What you do is, you begin your list with this: <ol>. Then, next to every listee (lol), add this: <li>.
    You do not have to add a break (<br>) between them when using lists. This is how my list really looks like:
    <ol>
    <li>Your text here
    <li>Your text here
    <li>Your text here
    <li>Your text here
    </ol>

    The 2nd way: Bulleted List:
    This way of organizing a list is really simple. Just add a <li> before every listee. Example:

  • Your text here
  • Your text here
  • Your text here

    This is how it really looks like:
    <li>Your text here
    <li>Your text here
    <li>Your text here

    The 3rd way: Alphabetical List:
    Example:

    1. Your text here
    2. Your text here
    3. Your text here

    Just begin your list with: <ol type=A> and before every listee, add this: <li>. Below is how my list really looks like:
    <ol type=A>
    <li>Your text here
    <li>Your text here
    <li>Your text here
    </ol>

    Note: More ways of organizing your lists coming soon =).