Il est toujours possible de consulter le code source d'une page web sur laquelle on se trouve, pour cela utiliser la commande "affichage-source", si cela ne fonctionne pas, enregistrer la page avec la commande "fichier-enregistrer sous" et l'ouvrir ensuite avec un éditeur html ou le bloc note de Windows.


Créer un tableau
Avec le Html, les tableaux servent non seulement à aligner des chiffres ou caractères mais surtout à placer des éléments à un emplacement voulu pour avoir une mise en page agréable à consulter.

Un tableau est composé de lignes et de colonnes formant les cellules du tableau.

balises obligatoires pour créer un tableau :
<table></table> : Début et fin de tableau
<tr></tr> : Début et fin de ligne
<td></td> : Début et fin de cellule.

exemple de code pour un tableau :
<table border="1" bordercolor="#CC2222">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>

Commentaires
L'attribut border définit l'épaisseur du tableau, en le supprimant, la bordure n'apparaît plus.
<tr></tr> désignent une ligne du tableau
<td></td> une cellule.

Attributs de la balise <table>
<TABLE cellspacing=?> espace entre les cellules
<TABLE cellpadding=?> marge intérieure des cellules
<TABLE width="400"> ou <table width=40%> la largeur du tableau peut se définir en pixels ou en %
<TABLE bordercolor="#000000"> couleur de la bordure du tableau
<TABLE background="image.jpg"> définit une image en arrière plan
<TABLE bgcolor="#000000"> couleur de fond du tableau

Attributs de la cellule <td>
<TD bgcolor="#FFFFFF"> définit une couleur d'arrière plan
<TD background="image.gif"> définit une image d'arrière plan
<TD width="100" > définit la largeur d'une cellule
<TD height="100"> définit la hauteur d'une cellule
<TD align="left"> aligne le texte à gauche dans la cellule
<TD align="right"> aligne le texte à droite dans la cellule
<TD align="center"> aligne le texte au centre de la cellule (horizontal)
<TD valign="top"> aligne le texte en haut de la cellule
<TD valign="middle"> aligne le texte au milieu de la cellule (vertical)
<TD valign="bottom"> aligne le texte en bas de la cellule.


Les liens hypertexte
Avec le langage html vous pouvez créer des liens qui permettent d'atteindre :
- une autre page du site,
- un autre endroit de la page,
- un autre site Internet.
Le lien hypertexte est souvent visualisé par une main lorsque l'on passe le curseur de la souris dessus.

Syntaxe
<a href="nom de la page.htm">nom de la page</a>

Lien local
Il permettra de pointer vers un fichier se trouvant dans le site.
exemple
On admet içi que vos pages se trouvent à la racine du site !
<a href="index.htm">accueil</a>
le mot "accueil" clické vous emmenera à la page "index.htm" du site.

Lien interne
Il permet de se diriger vers un autre endroit de la même page ou d'une autre ; on l'appelle aussi "ancre"
<a name="top"></a> (définit la cible à atteindre) on ajoutera le lien dans la même page pour y pointer.
exemple
<a href="#top">haut de page</a>

on peut aussi pointer ce lien à partir d'une autre page
<a href="url#top">page choisie</a>

Lien externe
Chaque site Internet possède une adresse qui lui est propre, c'est donc l'adresse à atteindre qui devra être pointée sur le site
exemple
<a href="http://sitecom1.free.fr">Sitecom.biz</a>
le mot "Sitecom.biz" cliqué aboutira au domaine sitecom1.free.fr

Attributs de la balise <a>
target : indique la manière d'ouvrir la cible
_blank : ouvre la cible dans une autre fenêtre
_parent : ouvre la cible dans la fenêtre d'origine
title : permet d'afficher un texte lors du passage de la souris sur le lien
alt : permet d'afficher un texte lors du passage de la souris sur le lien (autres navigateurs)

exemple
<a href="http://sitecom1.free.fr" target="_blank" title="Cours de programmation Html">Sitecom.biz</a>

Lien vers un FTP
<a href="ftp://www.monsite/ftp1.com>ftp</a>

Lien de messagerie
Il est de forme :
<a href="mailto:sitecom1@free.fr">contact</ a>
Le fait de cliquer sur "contact" ouvrira le logiciel de messagerie du visiteur : Outlook Express ou un autre.
Si vous souhaitez (pour faciliter le tri à la réception) qu'un sujet précis s'inscrive automatiquement, il faudra rajouter ?subject= dans le code après l'adresse du destinataire.

exemple
<a href="mailto:webmaster@sitecom.biz?subject=demande%de% renseignement">liens-hypertexte</a>
Comme vous l'avez constaté, si vous désirez insérer des espaces dans le sujet il faudra les remplacer par le caractère %.


Insérer des images
Les formats
Les principaux formats d'images sur le Web sont le JPEG et le GIF.
- Le JPEG donne souvent un meilleur résultat pour les dégradés et les photos,
- le GIF est plus réservé aux logos, puces, et permet d'afficher des images animées ou des bannières publicitaires.; il est limité à 256 couleurs, ce qui permet un chargement plus rapide de la page Web.

Le meilleur format est donc celui qui donnera le meilleur résultat à poids égal car plus la taille des images sera grande et plus le temps de chargement de la page Web sera long.
(on appelle poids, la taille du fichier exprimée en kilo-octets).

Une page html ne devrait pas avoir un poids (total) de plus de 70ko env pour charger correctement à bas débit (modem 56 k) même si le haut débit tend à se généraliser en France.

Balises des images
C'est <img> qui sert à afficher une image dans la page Web

exemple
<img src="logo.jpg">
Le compément src indique le chemin où est stockée l'image.

Attributs de la balise <img>
Il s'agit pour l'essentiel des dimensions et de commentaires.
width : largeur de l'image,
height : hauteur de l'image,
border : définit l'épaisseur de la bordure de l'image,
background : définit l'image d'arrière plan d'une page Web, d'un tableau ou d'une cellule.
alt ou title : permet d'afficher un texte quand le pointeur se trouve sur l'image ou à la place de l'image si elle n'est pas affichée.

exemples
<img src="logo.jpg" alt="Logo de Sitecom.biz ">
<img src="logo.jpg" width="50" height="30">
<img src="photo.jpg" border="0"> (pas de bordure)
<body background="fond-page.jpg"> (ici pour toute la page Web)

Inérer un lien sur une image
<a href="http://www.monsite.com/tarifs.htm"><img src="photo.jpg"
alt="photo d'un produits "></a>


Les codes des couleurs
Voici les codes des principales couleurs utilisées sur Internet.
Chacune de ces combinaisons doit être précédée du signe #