> Tous les forums > Forum Forum des Webmasters
 html pour débutant
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
degrève
  Posté le 12/11/2004 @ 08:40 
Aller en bas de la page 
Petite astucienne

Le langage HTML. toujours intéressant Table des matières Choisissez le chapitre qui vous intéresse. 1- Introduction 2- Tag et structure de la page Web 3- Tags de formatage du texte 4- Hyperliens 5- Listes 6- Tableaux 7- Images 8- Multifenêtrage à l'aide des cadres (frames) 9- Formulaires 10- Fond sonore 11- Vidéo 12- Entités 13- Exemple du code HTML d'une page Web Introduction. Début Le langage HTML est un formateur de texte. Il permet d'introduire dans un texte des caractéristiques qui font de ce texte une page Web. Les navigateurs Netscape et Explorer interprètent correctement ce langage. Les caractéristiques introduites dans le texte sont les suivantes: formatage du texte grâce au choix des polices, des attributs (gras, souligné, italique, grosseur, couleur), du décalage vertical du texte (indice et exposant), de la justification et du retrait; hyperliens listes tableaux images multifenêtrage formulaires son et vidéo Le texte qui suit présente succinctement le langage HTML, version 3.2 . Ce texte est conçu dans l'optique suivante; l'essentiel de la page Web est écrite dans un éditeur Web évolué tel Frontpage; le rédacteur de la page Web possède cependant suffisamment de connaissances en HTML pour faire des retouches au code. Pour une présentation complète de ce langage, consultez HTML PC POCHE, de Micro Application ou la brique de McMillan intitulée HTML. Tag et structure de la page Web Début Le tag HTML est l'outil de base permettant la création des pages Web. Le tag HTML commence par le caractère "<" et se termine par le caractère ">". Une page Web complète est constituée d'un ensemble bien précis de tags HTML. Voici la structure de base d'une page Web: Tag Commentaires <HTML> tag du début de la page Web <HEAD> début de l'entête <TITLE> Ma page </TITLE> titre de la page, affiché dans la barre d'état du navigateur <BASE HREF= "file:///c|/siteweb/"> fixation de la partie absolue des hyperliens relatifs; cette référence obéit à la syntaxe des URL; dans DOS, elle correspond au répertoire c:\siteweb\ </HEAD> fin de l'entête <BODY> début du corps du document Texte de la page Web </BODY> fin du corps du document </HTML> tag de la fin de la page Web La page est constitué d'une entête, associé au tag <HEAD> et d'un corps, associé au tag <BODY>. Les tags se présentent toujours par couple: tag d'ouverture comme <HTML> et tag de fermeture comme </HTML>; il y a quelques exceptions à cette règle, comme le tag <BASE>. Le tag <BODY> possède des attributs: Attributs de <BODY> Explication Exemple BGCOLOR couleur du fond de l'écran <BODY BGCOLOR="RED"> BACKGROUND image du fond de l'écran <BODY BACKGROUND ="images/leger.gif"> En tout temps, on peut mettre des commentaires dans le code HTML: <! Ceci est un commentaire -> Tags de formatage de texte. Début Ces tags sont inclus dans le corps et encadre le texte. <B> texte </B> texte gras <FONT> texte </FONT> taille et couleur du texte <I> texte </I> texte en italique <S> texte </S> texte souligné <DIV ALIGN="CENTER"> ... </DIV> Tout ce qui suit est centré; cet état est valable jusqu'à </DIV>; LEFT et RIGHT sont aussi des valeurs acceptables de ALIGN <P> texte </P> le texte est un paragraphe <BLOCKQUOTE> texte </BLOCKQUOTE> retrait d'une tabulation <BR> changement de ligne; on en met très rarement <PRE> Texte </PRE> le navigateur considère que le texte est préformaté et tient compte des espaces et sauts de ligne (return) <SUP> Texte</SUP> Le texte est un exposant <SUB>Texte</SUB> Le texte est un indice Le tag <FONT> possède des attributs: Attributs de <BODY> Explication Exemple COLOR couleur du texte <FONT COLOR="GREEN" SIZE="5" FACE="Arial"> texte </FONT> SIZE grosseur du texte FACE police de caractères La liste des couleurs de base est: aqua, black, blue, fuchsy, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. Pour accéder au jeu complet de couleurs, il faut donner le code hexadécimal de la couleur: par exemple, "#FEFEDD" coorespond à "coquille d'oeuf" et est souvent utilisé comme couleur du fond d'écran. SIZE accepte des valeurs de 1 à 7. Les polices les plus populaires sont "Arial", "Courier New", "Times New Roman", "Terminal". La police par défaut est le `"Times New Roman. Le tag <P> possède des attributs: Attributs de <P> Explication Exemple ALIGN=LEFT ou CENTER ou RIGHT alignement du texte du paragraphe <P ALIGN=CENTRE> texte... </P> A moins d'utiliser le tag <PRE>, le navigateur ne tient pas compte des espaces et sauts de lignes (return) introduits dans le texte. Chaque mot différent est séparé par un seul espace; le changement de ligne se fait lorsque la limite de l'écran est atteinte. Pour donner une structure au texte, il faut inclure ce texte dans les cellules d'un tableau. Lorsque le tag <PRE> est utilisé, le navigateur ne fait aucun formatage de la page; la page est reproduite telle qu'enregitrée par l'utilisateur; cette option est à éviter. Hyperliens. Début L'hyperlien est l'outil privilégié de la page Web. Il permet de fractionner une explication complexe en une série de petites étapes reliées entre elles. C'est le modèle utilisé lors de la rédaction du texte que vous lisez. L'hyperlien est aussi l'instrument de base du "surf". La couleur par défaut des hyperliens est le bleu; c'est un standard du Web. On distingue trois sortes d'hyperliens: les hyperliens locaux, c'est-à-dire des références dans la page Web elle-même; les hyperliens relatifs, c'est-à-dire vers d'autres pages Web du même site; les hyperliens extérieurs, c'est-à-dire vers d'autres pages contenues dans un site extérieur. a) Hyperlien local Pour créer un tel hyperlien, il faut premièrement créer dans le texte une balise ou signet qui est la cible de l'hyperlien; ensuite, on crée l'hyperlien lui-même. Code Explication <A NAME="Fin"></A> signet présent dans le texte <A HREF="#Fin">Fin</A> hyperlien vers le signet Fin b) Hyperlien relatif Cet hyperlien a comme cible une autre page Web du site. Cet hyperlien peut aussi comporter la référence à un signet; ce signet devra être défini dans le document cible. Code Explication <A NAME="Fin"></A> signet présent dans la page Web associé au fichier page2.htm <A HREF="page2.htm#Fin">Fin</A> hyperlien vers le signet Fin de page2.htm; ce tag se trouve dans le fichier page1.htm L'hyperlien peut également indiquer dans quelle fenêtre de l'écran le document doit être affiché; le concept de fenêtre sera expliqué plus loin. Code Explication <A HREF="page2.htm TARGET="fenêtre #1">page 2</A> hyperlien vers page2.htm; cette page sera affiché dans la fenêtre #1 du navigateur. L'adresse de la page Web "page2.htm" est relative; le navigateur fusionne cette adresse avec l'adresse de base indiquée par le tag <BASE>, par exemple "file:///c|/siteweb/", ce qui donne l'adresse complète "file:///c|/siteweb/page2.htm" . c) Hyperlien extérieur Cet hyperlien a comme cible un autre site Web. Voici un exemple. Code Explication <A HREF="http://www.nouvelle.qc.ca/depart.htm"> nouvelle</A> hyperlien vers une autre site Web; le fichier depart.htm est chargé. d) Conventions sur les noms de fichier. Dans l'environnement Dos, le type du document HTML est .htm; dans l'environnement Macintosh, le type du document HTML est .html . Un fichier local du disque dur est nommé comme suit: file:///c|/siteweb/default.htm La plupart des navigateurs ont des tolérances par rapport à cette syntaxe; c:\siteweb\default.htm est souvent compris; la prudence exige cependant d'utiliser la forme exacte. Un fichier présent sur un serveur Web est nommé comme suit: http://departements.cstj.net/physique/default.htm L'accès au courrier électronique se fait par l'intermédiaire du protocole mailto: mailto://MonsieurX@cegep-st-jerome.qc.ca Le protocole d'échange de fichiers FTP peut être déclenché par ftp://ftp.physique/document/ Listes Début La liste est une énumération qui permet de ranger facilement des éléments variés. Voici deux types de listes Liste à puces Liste numérotée <UL> : début de liste <OL> : début de liste <LI> texte </LI> : élément de la liste <LI> texte </LI> : élément de la liste <LI> texte </LI> : élément de la liste <LI> texte </LI> : élément de la liste <LI> texte </LI> : élément de la liste <LI> texte </LI> : élément de la liste </UL> : fin de liste </OL> : fin de liste Les éléments d'une liste peuvent être de nature variée: du texte, des hyperliens, des images, des tableaux, des listes,... Tableaux Début Le tableau est une grille rectangulaire qui permet principalement de donner une structure au texte. Le texte, les images et les hyperliens sont alors contenus dans les cellules d'un tableau. Voici la définition d'un petit tableau de une rangée et deux colonnes. Code Explication <TABLE> début du tableau; voir les attributs <TR> définition de la rangée 1 <TD> texte </TD> définition de la colonne 1 <TD>texte</TD> définition de la colonne 2 </TR> fin de rangée 1 </TABLE> fin de tableau Les attributs suivants sont intéressants: BORDER définit l'épaisseur de la bordure du tableau; associé à <TABLE>. WIDTH donne la largeur du tableau en pixels ou en pourcentage; associé à <TABLE>. ALIGN réalise l'alignement du texte; on lui affecte les valeurs LEFT, CENTER, RIGHT; associé à <TABLE>, <TR> et <TD>. Exemple: <TABLE BORDER="2" WIDTH="75%" ALIGN="CENTER"> Les éléments d'un tableau peuvent être de nature variée: du texte, des hyperliens, des images, des tableaux, des listes,... Images Début L'intégration des images à la page Web permet d'augmenter la qualité de la présentation. Cependant, il faut être vigilant: une image n'est introduite que si le besoin est bien justifié; sinon, un texte bien conçu est pleinement suffisant. Le temps de chargement des images par le navigateur est un facteur critique: il faut éviter les trop grandes images. Les formats d'image disponibles sont principalement le format GIF et le format JPG . Le format GIF est un format de base, constitué d'au plus 256 couleurs; il supporte la transparence, c'est-à-dire qu'une couleur déterminée de l'image n'est pas affichée ce qui laisse paraître l'arrière-plan de la page Web; il supporte l'entrelacement, c'est-à-dire que le chargement fait apparaître progressivement l'image. Le format JPG est le format associé à la qualité photographique; il peut supporter jusqu'à 16,7 millions de couleurs. La compression est ajustable, ce qui permet d'afficher des images de bonnes dimensions rapidement. Le tag associé aux images est <IMG>. Exemple: <IMG SRC="IMAGES/SCHEMA.GIF"> Une image peut être un élément de tableau, un élément de liste, un hyperlien, etc. Multifenêtrage à l'aide de cadres (frames) Début La page Web de base contient une seule fenêtre; si la page ne peut s'afficher entièrement sur l'écran, le navigateur affiche une barre de défilement; à l'aide de cette barre, l'utilisateur fait défiler le texte de la page. L'inconvénient est que certains éléments importants du texte vont disparaître de l'écran lors du défilement. Pour corriger cette inconvénient, il est possible de créer sur la page plusieurs cadres; puisque chaque cadre est autonome et dispose de sa propre barre de défilement, le problème est réglé. Le concept de cadre est supporté par les versions 3.0 ou plus de Netscape et Explorer. Voici un exemple de multifenêtrage. La première tâche est de créer le fichier qui contient la définition de la structure des cadres. Les tags utilisés sont <FRAMESET> et <FRAME>. Ce fichier ne contient pas de tag <BODY>. Code HTML: page Web à deux cadres horizontaux Explication <HTML> <HEAD> <TITLE>Exemple de cadres</TITLE> <BASE HREF= "file:///c|/siteweb/"> </HEAD> <FRAMESET ROWS="10%,90%"> définition de la structure de la page en deux rangées; la première rangée occupe 10% de l'espace, la seconde 90%; on peut aussi définir des colonnes avec l'attribut COLS <FRAME SRC="coursdet/pageweb/titre.htm" définition du 1er cadre <FRAME SRC="coursdet/pageweb/html.htm" NAME="cible"> définition du 2e cadre, avec un attribut NAME qui permet à un hyperlien utilisant l'attribut TARGET d'atteindre ce cadre </FRAMESET> fin de définition de la structure de la page </HTML> Ce code est sauvegardé dans cadre.htm . Pour charger l'ensemble de la page avec ses deux cadres, le navigateur doit charger premièrement ce fichier. La seconde tâche est de s'assurer que les fichiers qui vont s'afficher dans les cadres existent réellement: il s'agit dans notre cas de titre.htm et html.htm . Il est possible d'imbriquer ces définitions. Par exemple, la deuxième rangée peut être à son tour un "FRAMESET" qui contient deux colonnes, ce qui donne un écran divisé en trois zones. Formulaires. Début Le formulaire est l'outil qui permet une interaction avec l'utilisateur. Par exemple, il est possible à l'utilisateur d'indiquer des réponses à un questionnaire objectif; ces réponses seront par la suite analysées par un logiciel construit à cette fin. Le langage HTML ne permet de construire que le questionnaire lui-même; le logiciel d'analyse est toujours distinct du code HTML. Ce logiciel d'analyse peut prendre plusieurs formes: un code JAVASCRIPT qui est intégré dans l'entête du document HTML; un applet JAVA qui est exécuté par le client (l'ordinateur de l'utilisateur); un script CGI qui est exécuté par le serveur; Frontpage fournit aussi de petites applications appelées WebBot qui peuvent réaliser cette analyse. Il existe plusieurs formes de formulaires: formulaire de saisie de texte; formulaires de cases à cocher (un choix) ou de cases d'option (plusieurs choix); formulaire à menu déroulant. Voici un exemple de formulaires à menu déroulant: Code Explications <B>Choisissez votre cours</B> Message précédent le formulaire <FORM METHOD=GET ACTION= "traite.cgi"> Le tag <FORM> indique le début du formulaire. METHOD indique la méthode de transmission des données au serveur. ACTION indique le nom du fichier du serveur qui doit traiter les données. <SELECT NAME="Cours" SIZE=1> SELECT identifie le type de formulaire choisi; il s'agit d'un menu déroulant qui n'affiche, lorsqu'inactif, qu'un seul choix. NAME est utilisé pour identifier le menu déroulant lors du traitement. <OPTION VALUE="Ph" SELECTED>Physique OPTION décrit les différents choix offerts à l'utilisateur. SELECTED spécifie la valeur par défaut. VALUE est utilisé lors du traitement du formulaire. L'utilisateur voit un menu comportant trois choix: Physique, Chimie et Biologie. Avec sa souris, il clique un des éléments. <OPTION VALUE="Ch">Chimie <OPTION VALUE="Bio">Biologie </SELECT> Fin du menu déroulant <INPUT TYPE=SUBMIT VALUE="Soumettre"> Lorsque l'utilisateur clique sur le bouton "Soumettre", la sélection faite à l'aide du menu déroulant est envoyée au serveur selon la méthode GET, c'est-à-dire dans l'adresse elle-même, et le serveur traite les données ainsi reçues. </FORM> Fin du formulaire Fond sonore. Début Dans Netscape et dans Explorer, il est possible d'associer à une page Web un fond sonore. Malheureusement, ces possibilités ne sont pas définies dans le standard HTML et les "commandes sonores" de Netscape et Explorer sont différentes. Il est malgré tout possible de mettre dans la même page Web les deux types de commandes sonores sans prendre de précautions particulières. En effet, lorsqu'un navigateur ne reconnaît pas une commande, il n'envoie aucun message d'erreur; il se contente de ne rien faire! Les principaux types de fichiers sonores sont les fichiers MID et les fichiers WAV. Les fichiers sonores MID obéissent à la norme MIDI et contiennent exclusivement des sons musicaux; ils ont l'avantage d'occuper peu d'espace. Les fichiers sonores WAV contiennent des sons sans aucune restriction de type (voix humaines, bruits, sons musicaux,...). Ils occupent énormément d'espace; en qualité CD, un son WAV de 1,0 minute occupe 10 meg de mémoire! Commandes Netscape: à intégrer dans la section <BODY> <EMBED SRC="SON/SON.MID" HIDDEN="FALSE" AUTOSTART="FALSE" WIDTH="140" HEIGHT="50" CONTROLS="CONSOLE" LOOP="INFINITE"> La commande sonore se nomme EMBED et dispose de plusieurs attributs: SRC permet de donner le nom du fichier sonore; AUTOSTART fait démarrer automatiquement de son; CONTROLS définit la complexité de la console de contrôle sonore qui apparaît sur l'écran; HIDDEN masque la console de contrôle; WIDTH et HEIGHT fixent la dimension de la console de contrôle, en pixels; LOOP fixe le nombre de répétitions du fichier sonore. Commandes Explorer à intégrer dans la section <HEAD> <BGSOUND SRC="SON/SON.MID" LOOP="INFINITE" La commande sonore se nomme BGSOUND. Le son démarre automatiquement et aucune console de contrôle sonore n'est disponible. La commande dispose de deux attributs: SRC permet de donner le nom du fichier sonore; LOOP fixe le nombre de répétitions du fichier sonore. Remarque: Frontpage, un produit de Microsoft, génère exclusivement la commandes BGSOUND. Pour intégrer au code la commande Netscape, il faut éditer soi-même le code HTML. Vidéo Début Dans Netscape et dans Explorer, il est possible de visionner des séquences vidéo. Malheureusement, ces possibilités ne sont pas définies dans le standard HTML et les "commandes vidéo" de Netscape et Explorer sont différentes. Il est malgré tout possible de mettre dans la même page Web les deux types de commandes vidéo sans trop de difficultés. En effet, lorsqu'un navigateur ne reconnaît pas une commande, il n'envoie aucun message d'erreur; il se contente de ne rien faire! Le type de fichiers vidéo est le fichier AVI . Malheureusement, ce fichier prend beaucoup de place: une séquence vidéo muette couvrant une surface de 10 cm x 10 cm et durant 30 secondes occupe 2,0 Meg de mémoire. Le temps de chargement du fichier vidéo par le navigateur est très dissuasif. Il faut donc se limiter à de courte séquence vidéo qui occupe une petite surface d'écran. Commandes Netscape: à intégrer dans la section <BODY> <EMBED SRC="VIDEO/EDITEXP1.AVI" AUTOSTART="TRUE" WIDTH="234" HEIGHT="103"> La commande vidéo se nomme EMBED et dispose de plusieurs attributs: SRC permet de donner le nom du fichier vidéo; AUTOSTART fait démarrer automatiquement le vidéo; WIDTH et HEIGHT fixent la dimension de l'image, en pixels. Commandes Explorer à intégrer dans la section <BODY> <IMG SRC="IMAGES/NETSCAPE.GIF" DYNSRC="VIDEO/EDITEXP1.AVI WIDTH="234" HEIGHT="103" START="FILEOPEN"> La commande vidéo se nomme IMG et dispose de plusieurs attributs. DYNSRC permet de donner le nom du fichier vidéo; WIDTH et HEIGHT fixent la dimension de l'image, en pixels; START précise la condition de départ; ici le vidéo démarre à l'ouverture du fichier. La valeur MOUSEOVER est disponible: le vidéo démarre lorsque la souris passe sur le vidéo. SRC correspond à ce qui sera interprété par Netscape lorsqu'il lira cette commande: il affichera une image. Cette image doit être de même dimension que l'image associée à la séquence vidéo. La meilleure solution pour les séquences vidéo est de ne pas les déclencher au chargement du fichier; lorsque le fichier est entièrement chargé, ce qui peut prendre passablement de temps, l'utilisateur déplace sa souris sur la zone affichant une image du vidéo et clique le bouton droit. Un menu apparaît dans lequel il peut déclencher la lecture du vidéo. Remarque: Frontpage, un produit de Microsoft, génère exclusivement la commandes IMG. Pour intégrer au code la commande Netscape, il faut éditer soi-même le code HTML. Entités. Début Les entités sont des codes, compris par tous les navigateurs (Netscape, Explorer, etc.) fonctionnant sur toutes les plates-formes (Windows, Macintosh, etc.), qui permettent de représenter les symboles spéciaux. Voici deux exemples. "<" est un symbole spécial puisque le langage HTML l'utilise comme symbole de début de tag; pour composer un texte contenant ce symbole, il faut utiliser l'entité correspondante; "é" peut ne pas être compris correctement par tous les navigateurs sur toutes les plates-formes; ce serait le cas d'un document produit par Frontpage et chargé à l'aide de Netscape sur la plate-forme Macintosh. Voici la liste des principales entités. Caractère Entité Caractère Entité Caractère Entité à à ï ï " " â â ô ô & & é é ù ù < < è è û û > > ê ê ü ü espace ë ë ç ç î î Pour corriger un document HTML qui contient de l'accentuation écrite normalement, il est préférable de faire effectuer les conversions par la fonction RECHERCHE/REMPLACEMENT d'un traitement de texte ASCII. L'édition peut se faire dans WORDPAD, un éditeur ASCII disponible dans WINDOWS 95 et qui possède des fonctions de recherche/remplacement. Il faut veiller à faire la sauvegarde en ASCII en utilisant la méthode suivante: FICHIER "ENREGISTRER SOUS" "TYPE TEXTE SEULEMENT Cette méthode préserve l'accentuation. L'édition peut aussi se faire dans NOTEPAD, un petit éditeur ASCII disponible dans Windows 95; une fonction de recherche est disponible; la sauvegarde se fait toujours en ASCII par défaut. Cette méthode préserve l'accentuation. Si tous les fichiers d'un site doivent subir ces modifications, il est préférable d'utiliser l'utilitaire FILEFIND de NORTON DOS, version 8.0 . Cet utilitaire dispose d'une fonction de RECHERCHE/REMPLACEMENT qui peut agir directement sur tous les fichiers d'un répertoire, incluant les sous répertoires; les remplacements peuvent se faire avec ou sans confirmation; une copie de sécurité sera produite sur demande. Exemple du code HTML d'une page Web Début Voici le code HTML d'une petite page Web qui contient la plupart des commandes HTML qui ont été expliquées dans ce texte. Le fichier exemple.htm peut être chargé dans le navigateur pour être visionné; il faut noter que les commandes sonores et vidéo ne sont interprétées que par Explorer. Une fois dans le navigateur, vous pouvez visionner le code HTML tel qu'il se présente en choisissant AFFICHAGE/SOURCE. Dans le présent texte, le code HTML de exemple.htm est présenté en deux colonnes: la colonne de gauche contient le code lui-même; la colonne de droite contient des explications sur le code. Code HTML du fichier exemple.htm Code Explications <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> Entête générée par Frontpage; sans intérêt à notre niveau <html> Début du document HTML proprement dit <head> Début de l'entête <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="GENERATOR" content="Microsoft FrontPage 2.0"> Variable générée par Frontpage, sans intérêt à notre niveau <title>Exemple HTML</title> Titre de la page; le titre est descriptif <base href="FILE:///C|/SITEWEB/"> Adresse de base <bgsound src="son/demarre.wav" loop="infinite"> Commande sonore d'Explorer; boucle sonore infinie </head> Fin de l'entête <body bgcolor="silver" link="navy" vlink="maroon" alink="maroon"> Début du corps avec définition de la couleur de fond et de la couleurs des hyperliens. <p align="center"><font size="3"><em><strong>Exemples de code HTML</strong></em></font></p> Première ligne du texte; <EM><STRONG> ont le même effet que <B>: gras. Le texte constitue un paragraphe; la grosseur du texte est 3. <p><font size="2">Ce fichier contient des exemples simples des outils HTML suivants:</font></p> Deuxième ligne de texte constituant un paragraphe; grosseur de texte 2 <blockquote> Début d'un retrait <ul> Début d'une liste à puces <li><font size="2">Listes </font></li> <li><font size="2">Images</font></li> <li><font size="2">Formulaire</font></li> <li><font size="2">Vidéo</font></li> <li><font size="2">Fond sonore</font></li> <li><font size="2">Formatage de texte</font></li> <li><font size="2">Hyperlien</font></li> <li><font size="2">Tableau</font></li> <li><font size="2">Entité</font></li> description de chaque item de la liste; grosseur de texte 2 </ul> Fin de liste </blockquote> Fin du retrait <p><font size="2">Exemple de formulaire.</font></p> Troisième ligne de texte constituant un paragraphe; grosseur de texte 2 <form action="TRAITE.CGI" method="GET"> Début d'un formulaire; le traitement du formulaire sera fait sur le serveur par un script CGI; la méthode GET est utilisée <p> Toute la définition du formulaire constitue un paragraphe <select name="FORMULAIRE" size="1"> Le formulaire est un menu déroulant <option selected value="CHOIX1">Choix #1 </option> <option value="CHOIX2">Choix #2 </option> <option value="CHOIX #3">Choix #3 </option> Le menu déroulant contient trois options: choix #1, choix #2, choix #3 </select> Fin de la définition du menu déroulant </p> Fin du paragraphe </form> Fin du formulaire <p align="left"> </p> Paragraphe vide, c'est-à-dire un saut de ligne! On remarque l'utilisation de l'entité "espace" <div align="center"><center> Tout de qui suit est centré; ceci est en force jusqu'au prochain </DIV>. On utilise aussi un vieux tag, <CENTER> pour être compris de tous les navigateurs! <table border="0" cellpadding="6" cellspacing="12" width="100%"> Début de la définition d'un tableau. On définit quelques attributs: CELLPADDING: espace entre le texte et la frontière des cellules, en pixels CELLSPACING: espace entre les cellules, en pixels WIDTH: largeur du tableau, en % de largeur de l'écran <tr> <td width="50%">Ceci est un hyperlien: <a href="default.htm"><font size="2">Base</font></a></td> <td width="50%">Elément a du tableau</td> </tr> Première rangée du tableau; la cellule de gauche contient un texte suivi d'un hyperlien local; la cellule de droite contient du texte; chaque cellule occupe 50% de la rangée <tr> <td width="50%">Elément b du tableau</td> <td width="50%">Elément c du tableau</td> </tr> Deuxième rangée du tableau; les deux cellules contiennent du texte et occupe 50% de la rangée </table> Fin du tableau; celui-ci compte donc deux rangées et deux colonnes </center></div> Fin du centrage <p align="left"><font size="4" face="Courier New"><em><strong>Vidéo: tiré de Mathcad Windows</strong></em></font></p> Définition d'un paragraphe contenant une ligne de texte; le texte est gras, de grosseur 4, aligné à gauche, de police COURIER NEW <p align="left"><font size="4" face="Courier New"><em><strong><img dynsrc="Video/Editexp1.avi" width="234" height="103" start="fileopen"></strong></em></font></p> Frontpage définit un paragraphe dont le contenu est aligné à gauche; le choix du texte de grosseur 4, gras, de police COURIER NEW est sans signification; le paragraphe contient une commande vidéo d'Explorer: une séquence vidéo à amorçage automatique sera affichée dans un espace de 234x103 pixels. <p align="center"> </p> Paragraphe vide, c'est-à-dire saut de ligne <p align="center"><font size="2"><img src="Images/Ovale.gif" width="259" height="9"></font></p> Frontpage définit un paragraphe dont le contenu est centré; le choix du texte de grosseur 2 est sans signification; le paragraphe contient une image de 259x9 pixels; la référence à l'image est relative <p> </p> Paragraphe vide, c'est-à-dire saut de ligne </body> Fin du corps du document </html> Fin du document HTML
Publicité
Louperivois
 Posté le 12/11/2004 à 18:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien
Merci beaucoup! ce post est conservé dans mes favoris (Marques-pages) MDR [happy] à plus,
ariko
 Posté le 14/11/2004 à 19:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Superneo
 Posté le 14/11/2004 à 19:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
j'encourage vraiement à lire ça !!! c'est vraiement parfait pour ceux qui veulent avoir les bases du HTML pour enchaîner sur un laguage plus complexe, sans pour autant être le roi de la balise ... nickel !
jok
 Posté le 15/11/2004 à 11:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour Super boulot; Merci...
KOogar
 Posté le 15/11/2004 à 12:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien
Ouaip, ta raison, pas mal Jok, mais bon, montré les frames alors que ce truc devrait etre éradiqué... remarque c'est le seul moyen pour rentrer un fond sonore.. (Non je decone yen a plein d'autre..fort heuresement!!)...comme sur le site qui est sous le nom de l'auteur. Mais bon, encore une fois, j'ai cliqué, impossible de couper la musique alors zou, reste pas sur un site qui m'oblige a écouter de la zic que j'aime pas. Sinon les tutos sur le HTML sont toujours les bienvenues et celui ci se tient. ^^ Laurent [URL]http://phpsources.net[URL]
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Sujets relatifs
code html pour info-bulle
Magento pour débutant
mot de passe pour accéder une page html
associer 2 fichiers html pour iphone.
Fichiers Excel en HTML pour application en ligne
Debutant : HTML et "FaceBook HTML"
débutant demande aide html & flash
solution editeur et hebergeur pour débutant ?
question de debutant pour la creation de mon site
Créer formulaire de notations en HTML pour Blog ?
Plus de sujets relatifs à html pour débutant
 > Tous les forums > Forum Forum des Webmasters