Le HTML de base - Cours 3

Philippe Phen

Description

Cours 3Cours 3Le HTML de base-Retour sur le dernier cours-Les différentes balises du HTML de base(les liens, les fichiers multimédia, les tableaux etautres)Copyright 2006 Philippe Phen - www.CoursHTML.tkRetour: Cours 2Voici ce que vous avez appris d’important audernier cours:-La balise et pour votre texte-Les caractères spéciaux &??;-Quelques spécifications importantes-Les couleurs (texte et hexadécimal)-L’insertion d’images via la balise Revenons sur les attributs des balises• Les attributs de balises sont les composantes que l’oninsère dans une balise:• SRC, ALT et WIDTH sont les attributs dans cetexemple.• Vous devez OBLIGATOIREMENT insérer un espaceentre les attributs:• À ne PAS faire: • À FAIRE:

Sujets

• ordinateur

Informations

• Publié par: Undoi
• Nombre de lectures: 518
• Langue: Français

Extrait

Cours

3

Cours 3 Le HTML de base

-Retour sur le dernier cours

-Les différentes balises du HTML de base

(les liens, les fichiers multimédia, les tableaux et autres)

Retour: Cours 2

Voici ce que vous avez appris d’important au dernier cours:

-La balise FONT> et <H> pour votre texte <

-Les caractères spéciaux &??;

-Quelques spécifications importantes

-Les couleurs (texte et hexadécimal)

-L’insertion d’images via la balise <IMG>

•

•

•

• •

Revenons sur les attributs des balises

Les attributs de balises sont les composantes que l’on insère dans une balise: <IMG SRC=“…” ALT=“…” WIDTH=“…”>

SRC, ALT et WIDTH sont les attributs exemple.

dans cet

Vous devez OBLIGATOIREMENT insérer un espace entre les attributs:

À nePASfaire: <IMGSRC=“…”ALT=“…”WIDTH=“…”> À FAIRE: <IMG SRC=“…” ALT=“…” WIDTH=“…”>

L’utilisation de guillemets dans les attributs

•

•

•

Lorsque vous employez un attribut pour une balise, le contenu doit être entre deux guillemets ( “ et ” )

Bien que ça fonctionne avec des apostrophes ( ’ ), évitez de les utiliser pour ne pas avoir des problèmes de compatibilité avec les anciens ordinateurs.

Vous ne devez pas employer deux apostrophes collés comme étant un guillemet ( ne pas faire: ‘’ ) car l’ordinateur considèrera l’attribut vide étant donné qu’il n’y a rien entre les deux apostrophes collés!

•

•

L’emploi des attributs

Lorsqu’une balise possède plusieurs attributs (ce qui est le cas pour presque toutes les balises), il n’y a pas d’importance dans l’ordre d’utilisation.

Il faut juste bien faire attention de les écrire correctement!

•

• • • •

IMPORTANT – Caractères spéciaux

Si, dans votre texte, vous désirez insérer les caractères <, >, &, ou ”, vous devez obligatoire- ment employer l’écriture HTML (&XY;) pour ne pas que l’ordinateur les confonde avec les indicateurs de balises.

< s’écrit &lt; > s’écrit &gt; & s’écrit &amp; "s’écrit &quot;

Les Liens hypertextes

L’insertion de liens permet de relier plusieurs pages entre eux.

La balise de liens est la plus simple: <A> TEXTE </A>

Comme toutes les autres balises, des attributs doivent être utilisés:

NOM et EXEMPLE

HREF ="page2.html" TITLE="Lien 1"

_ TARGET=" blank" NAME="milieu"

DÉFINIT

Adresse du lien Texte au passage du pointeur de la souris Cible du lien Nom pour ancrage

Les attributs en détails

HREF ="page2.html" : Adresse source du lien: adresse vers laquelle on veut diriger le lien. Si la page se trouve dans le même dossier, il suffit simplement d’indiquer le nom et l’extention de cette page. Si c’est vers un autre site Web, il faut taper.swwveertpht/w://com.curpae/ptomlmth.eg

TITLE="Lien 1 : " Texte au passage du pointeur de la souris sur le lien

TARGET=" blank" _ Cible du lien (Où s’affichera la page du lien?). Cela est plus utilisé lorsque le site emploie des cadres (Comme sur CoursHTML). Si cet attribut n’est pas utilisé, le lien s’affichera dans la même page. Voici les attbuts les plus souvents utilisés: _ TARGET=" blank" : Le lien s’affiche dans une nouvelle fenêtre TARGET="_top" : Page entière (Lorsqu’il y a des cadres)

Les attributs en détails

NAME ="milieu : " On apelle ça l’attribut d’ancrage d’une page. On s’en sert lorsqu’on veut séparer une longue page interminable en différentes section et qu’on veut y insérer des liens sur le haut de cette même page.

On sépare la page en diverses sections comme suit: <A NAME=“Chapitre1”> <A NAME=“Chapitre2”> <A NAME=“Chapitre3”>

On insère les liens comme suit: <A HREF=“#Chapitre1”> Allez au chapitre 1 </A> <A HREF=“#Chapitre2”> Allez au chapitre 2 </A> <A HREF=“#Chapitre3”> Allez au chapitre 3 </A>

Autre lien utile:

<A HREF=“#top”> Monter en haut complètement </A>

•

Les liens…

Donc, voici comment fonctionne un lien: <A HREF=“http://www.yahoo.com"> Visitez YAHOO </A>

C’est donc entre <A HREF=“…”> et </A> que se trouve l’objet du lien. (L’objet qui lorsqu’on clique dessus, active le lien). Donc, si on veut créer une image-lien, c’est le même principe: on insère la balise d’image entre <A> et </A> comme par exemple:

<A HREF="http://www.yahoo.com"> <IMG SRC=“image1.jpg"> </A>

Cette image (image1.jpg) sera par défaut encadré. Si vous désirez enlever ceci, il suffit d’employer la balise border comme nous l’avons vu au cours précédent: <IMG SRC="image1.jpg" border=“0">