Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Les rudiments du HTML

Compatible HTML. Cliquer pour en savoir plus sur les compatibilités.Par piloue, le 13 août 2005

Le HTML est un langage de balisage, de description utilisé pour créer et afficher des pages web dont l'extention est généralement .htm ou .html

A l'origine seuls les éditeurs de textes (wordpad, bloc note) étaient utilisables pour coder : on saisissait directement le code à la main :) Maintenant de nombreux outils ont été créés, des éditeurs WYSIWYG (What You See Is What You Get) comme DreamWeaver, qui facilitent l'intégrations des objets et gènèrent automatiquement le code. Les logiciels ne faisant pas tout ce que l'on désire, il est parfois (voire régulièrement) nécessaire de se plonger dans le code pour bidouiller ci et là les trucs qui nous embêtent !

B.A.BA

Une page est composée de balises, qui sont encadrées par les signes < et > On détermine le début et la fin de l'instruction par une balise d'ouverture et une balise de fermeture (sauf cas particuliers). Les balises ne doivent pas se chevaucher.

Une page est nécessairement composée des balises suivantes : html, head et body

<html>
	<head>
	</head>
	<body>
	</body>
	
</html>

La balise html servent à indiquer le langage utilisé. La balise head renferme des informations qui ne s'affichent pas dans le document, telles que les méta pour le référencement, le titre de la page, les fichiers joints (css, js…) La balise body renferme tout le contenu de la page

Enrichir le texte C'est principalement la balise Font qui va permettre de changer l'apparence du texte. Il faut la compléter avec des attributs et leur donner une valeur

<font face="verdana, arial" size="2" color="#FF9933">Mon texte ici</font>

D'autres balises permettent de mettre le texte en gras ou en italique

<b>voici du texte<i> moitier moitier</i></b>

Sauts de ligne

Il existe deux sortes de sauts : un retour à la ligne ou un saut de paragraphe

Le premier est codé comme ceci

blabla<br>blabla

et s'affichera comme ceci blabla blabla Il n'y a pas de fin de balise br

Le deuxième

gazou<p>gazou

gazou

gazou On peut placer des paramètres dans la balise P comme l'alignement

<p align="center">blabla</p>

dans ce cas il est impératif de refermer la balise P…

Les liens

La structure classique d'un lien HTML est la suivante :

<a href="page.htm">Cliquer ici</a>

Par défaut la page appelée s'ouvre dans la fenêtre ou le cadre en cours. Pour modifier la cible, il faut spécifier le target

<a href="page.htm" target="_blank">Ouvre la page dans une nouvelle fenêtre</a>
<a href="page.htm" target="_parent">remplace le jeu de cadre par la page appelée</a>
<a href="page.htm" target="nom_du_cadre">Ouvre la page dans la frame spécifiée</a>

Il y a plusieurs sorte de liens :

  • lien sur une page du site “page.htm”
  • lien à un endroit particulier d'une page du site (ancre) ”#nom_ancre” ou “page.htm#nom_ancre”
  • lien vers un autre site "http://dream.media-box.net"
  • lien vers un ftp "ftp://login:pass@ftp.bidule.com"
  • lien vers un document s'ouvrant dans le navigateur (suivant plu-in, logiciels et paramétrage de la machine client) “document.pdf” ou “document.xls” ou “document.doc” ou “document.txt”
  • lien vers une image “image.jpg” ou “image.gif”
  • lien pour envoie d'e-mail à une adresse spécifique (si un client mail est paramétré sur la machine…) “mailto:bibi@chocolat.com” ou bien “mailto:bibi@chocolat.com?subject=Sujet du mail”
  • lien pour téléchargement “dossier.zip” ou “appli.exe”
  • lien vers une fonction javascript “javascript:mafonction()” ou “javascript:window.close()”

ect…