Systèmes de communication

HTML, fonctions avancées


INTRODUCTION | MODULE 1| MODULE 2 | MODULE 3.2 | MODULE 4 | INDEX

Les versions de HTML

Il s'agit d'être sensible à ces normes dès que l'on produit du code HTML destiné à être diffusé !

Question: Peut-on écrire <H1>Chapitre1 : <P> Les définitions</H1> ? Vérifiez avec le  DTD de la version Cougar


Formulaires (HTML 2.0)

On se met au courant rapidement de cette possibilité en créant une forme (menu format) et en utilisant l'"outil" pour y insérer les différents "éléments" puis en consultant le code HTML produit.

Une forme est donnée par la balise

<FORM METHOD = "GET|POST" NAME= "un nom" ACTION = "URL">
texte et éléments
</FORM>

Les éléments d'une formes sont (HTML 2.0):

Méthodes:

Chaque élément possède les attributs NAME et VALUE. Les boutons radio et les boutons à "checker" possèdent également les attributs (sans valeur !) CHECKED.

Exemples d'URL de l'action:

Question: En utilisant un formulaire et un URL approprié, insérez un moteur de recherche dans votre page ! Solution


Fenêtrage multiple, les Frames (pas encore normalisé)

La partie "body" est remplacée par la partie "frameset". Chaque "frame" représente une partie de la fenêtre principale.

Exemple:

<HTML>
<HEAD>
....
</HEAD>
<FRAMESET ROWS="*,36">
<FRAME SRC="texte1.htm" NAME="haut">
<FRAME SRC="texte2.htm" NAME="bas" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0">
</FRAMESET>
</HTML>

Lors de la création des liens on se réfère à une fenêtre cible grâce à l'attribut TARGET. Par exemple: <A HREF = "texte3.htm" TARGET = "haut"> texte </A>

La source (SRC) peut être un fichier html classique, un fichier contenant une nouvelle définition de frames ou encore n'importe quel URL!

Question: Créer un écran permettant de visionner simultanément vos trois sites préférés (par exemple: Microsoft, Netscape, Borland).


Entrée par exemple:

Il peut y avoir des flux d'entrées dans d'autres formats

Sortie: En général un fichier précédé d'une en-tête MIME


"Piquer" un moteur de recherche

<FORM METHOD="GET" ACTION="http://search.yahoo.com/bin/search">
<INPUT SIZE="30" NAME="p">
<INPUT TYPE="submit" VALUE="Recherche par Yahoo!">
</FORM>