Information de base sur l'utilité de l' HTML dans la création des sites
Une page WEB est une page mise en forme avec des liens hypertextes. La mise en forme d'une page repose sur le HTML, ce qui signifie Hyper Text Makup Language.
Une page HTML est en fait un simple fichier texte qui est délivré par un serveur HTTP (Hyper Text Transfer Protocol). Votre navigateur Internet fait office de client et c'est lui qui a la charge d'interpréter les pages HTML. A noter que lorsque vous concevez une page HTML, si vous voulez être certain que n'importe quel navigateur (Netscape, Internet Explorer, Mozilla, Opera, Neoplanet) sera capable d'interpréter correctement votre page, vous devez respecter les normes du consortium W3 (http://www.w3.org).
Syntaxe générale du HTML :
Le langage HTML est un langage à balises (ou tags dans l'équivalent anglo−saxon). Une balise est un marqueur qui permet d'indiquer l'action à associer à un mot ou un groupe de mots. Par exemple, pour que le mot Africa Computing soit visible à partir d'un navigateur Web, il suffit d'écrire <b>Africa Computing</b>.D e f a ç o n g é n é r a l e l e s c o m m a n d e s c o n t e n u e s d a n s u n f i c h i e r H T M L s o n t d e l a f o r m e :
<balise>texte</balise> , ou encore : <balise attribut=argument>texte</balise>.
La plupart du temps, à chaque fois qu'on utilise une balise ouvrante , elle doit être suivie d'une balise fermante (il y a quelques exceptions tels que par exemple la balise <br> qui signifie retour à la ligne). Précisons que les noms de balises sont identiques en majuscules ou minuscules : <b> équivaut à <B>.
On peut attribuer plusieurs attributs à la même balise par la syntaxe suivante (typiquement pour la balise <font>) : <balise attribut1=argument1 attribut2=argument2>texte</balise>
Votre première (et dernière) page HTML avec un simple éditeur de texte :
Lancez un bloc note (notepad) et saisissez les lignes suivantes :<html>
Ceci est mon <b>premier</b> essai de page HTML
</html>
puis enregistrez ce fichier dans un répertoire dédié à vos premiers essais sous l'extension .htm ou .html (historisquement l'extention du HTML est .html mais du fait que le DOS et donc les premières versions de Windows ne géraient que 3 lettres pour les extensions, on trouve également l'extension .htm). Lancez ensuite votre fichier avec votre navigateur préféré pour visualiser le résultat.
Afin que votre navigateur sache qu'il a affaire à une page HTML (et non pas par exemple un simple fichier texte), une page HTML commence toujours par la balise ouvrante <html> pour se terminer par la balise fermante </html>.
Editez à nouveau le fichier que vous venez de créer et essayer quelques variantes. Par exemple ajoutez <a href="http://wwww.google.fr">Ceci est un lien</a> ou <img src="logo.jpg"> (en prenant soin de disposer au préalable du fichier logo.jpg dans le même répertoire). Du fait que le Web est utilisé internationalement, il n'est pas possible de saisir directement des caractères accentués dans une page HTML. Pour écrire par exemple le mot éléphants, il faut saisir éléphants (le symbole é étant codé par l'équivalent HTML é . Comme vous pouvez le constater, le langage HTML c'est pas sorcier ! Mais c'est assez rébarbatif et peu lisible (difficile de repérer une faute d'orthographe directement dans le code HTML !). De plus, si vous souhaitez effectuer des mises en forme complexe afin de réaliser un site Web aux allures professionnels, il devient quasiment impossible de s'en sortir uniquement avec un simple éditeur de texte. C'est pour cela que nous allons abandonner l'usage d'un éditeur de texte pour utiliser plutôt des logiciels tels que DreamWeaver qui permettent de rendre la conception de pages proches de la mise en forme de documents tels que Word ou PageMaker (logiciel utilisé pour mettre en page les magazines).
Donc inutile de coder directement du HTML, l'essentiel étant de pouvoir recourir à un manuel de référence du HTML pour pouvoir comprendre le source afin de débuguer des anomalies rencontrées avec votre éditeur HTML.
Information de base sur l'utilité de l' HTML dans la création des sites
Reviewed by NABIL
on
03:30
Rating:
Aucun commentaire: