Opening another page...

<a href="MyFile.html">Click here</a>
When you click on "Click here" another page (called MyFile.html) will open automatically.
This is called a "link".

Displaying an image

<img src= "lovelypictures/photo.jpg" width="50px" height="500px" alt="look for the image file photo.jpg inside the folder called lovelypictures">


Structural Tags

<br /> to change lines


&nbsp; This is a "non-breaking space"
<b>Bold</b>
<i>Italic</i>
<strong>Bold</strong>
<em>Italic</em>

<h1>Large heading</h1>
<h2>Smaller heading</h2>
<h4>Even smaller heading</h4>

<p>Paragraph</p>

<div class="MyStyle">A new layer </div>
<span class="MyStyle">A new zone</span>

Tags to add styles

Put your style instructions in 3 possible places ...

  1. ... in a separate .css file

    (for example "my_styles.css"). Add this link at the top of each html page;-

    <link rel="stylesheet" type="text/css" href="my_styles.css" /> 

    This goes in the "head" and links to an external stylesheet (my_styles.css).


  2. ... Create a style zone in the "head" of each .html page;-


    <style type="text/css">

          Put your styles here

    </style>




  3. ... or add your style instructions directly in the appropriate tag like this;-


    style=" "


    Here's an example in a "paragraph" tag...

      <p style="..."> </p>



Style instructions


body {background: url(Pictures/fond.gif) no-repeat fixed 50% 50%;}

background-color
background-image
background-position
background-repeat


border
border-bottom
border-bottom-width
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

float


font-size

font-family: Serif;
         Fantasy;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-family: Times New Roman, Times, Serif;
font-family: Courier New, Courier, Monospace;



font-style: italic;

font-variant: small-caps;

font-weight: lighter;

text-align: justify;
text-decoration: underline;
text-indent: 10px;
text-transform: uppercase;



a:link{}
a:visited{}
a:hover {}
a:active{}