Comprend le HTML et le XML
Avant de créer vos pages Web en HTML, vous devez posséder un minimum de connaissances des pages Web, de leurs outils d'affichage et d'élaboration, et de leur champ d'application.
HyperText Markup language (HTML) est un language de description de l'organisation, du formatage et des liens entre des pages de texte, des images et autres informations.
En 1993, près de 100 ordinateurs dans le monde étaient équipés pour la diffusion de pages HTML. Ce réseau de pages fût baptisé World Wide Web(WWW)
L'ajout du X à HTML représente l'application d'un jeu de règles auxquelles le code HTML doit se plier. Au premier abord, ces règles peuvent paraître pointilleuses et techniques, mais elles sont très importantes. Elles posent les conditions nécessaires à la production d'un code, débarrassé d'un certain flou toléré par le HTML..
Créer sa première page Web
Voici le corps minimun:
<HTML> Ceci est le début d'un document de type HTML.
</HTML> Ceci est la fin d'un document de type HTML.
<HEAD> Ceci est le début de la zone d'en-tête
(prologue au document
proprement dit contenant
des informations destinées au browser).
</HEAD> Ceci est la fin de la zone d'en-tête.
<TITLE> Ceci est le début du titre de la page.
</TITLE> Ceci est la fin du titre de la page.
<BODY> Ceci est le début du document proprement dit.
</ BODY> Ceci est la fin du document proprement dit.
Vous aurez remarqué qu'a chaque balise de début d'une action, soit <...>,
correspond (en toute
logique) une balise de fin d'une action </...>.
Vous noterez aussi que les balises ne sont pas "case sensitive". Il est donc é
quivalent d'écrire
<HTML>, <html>, <Html>, etc.
Quelques balises utiles:
Créer des liens:
Des liens hypertexte sont des mots qui font passer d'une page Web à une autre
lorsque vous cliquez dessus.
La balise à utiliser est:
<a href="http://www.le-monde-informatique.com">Cliquez ici!</a>
Publier vos pages:
Il existe des services gratuit de pages Web personnels
Ex:
www.geocities.com
www.tripod.com
www.angelfire.com
De plus, si vous voulez avoir votre propre nom de domaine. Il faut payer pour
obtenir un!!
Ex: www.domaine.com
Le logiciel CuteFTP ou
FileZilla peut être très pratique pour transmettre nos pages
au serveur... et il est gratuit ou filezilla qui est gratuit aussi.
Alignement des texte:
Utiliser l'attribut align et (left, center, right):
<p align="center">Ceci est un paragraphe!</p>
L'alignement de plusieurs paragraphes ou de plusieurs titres est défini par l'attribut aligne dans la balise
<div align="center">, </div>
Caractères spéciaux:
Il est possible d'insérer ces caractères spéciaux dans tout document HTML
à l'aide de codes
Ex: café
voir: http://www.w3.org/TR/html401/sgml/entities.html
voir les correspondants Unicode: http://www.unicode.org
Mise en forme évoluée
Taille et couleur des polices
<font size=5 color="purple">, </font>
Size: 1 à 7 (default 3)
Color: blank, white, red, green, blue , yellow, aqua, fuchsia, gray, lime, marroon,
purple, navy, silver ou teal
<font face="lucia sans unicode, arial, helvetica">. </font>
Balise d'engrages....
<a name="top" id="top"></a>
Cette balise peut être utilisé par:
<a href="#top">Retour à mon encrage nommé top</a>
Référer à une encre d'une autre page
<a href="autrepage.htm#top">
Retour à mon encrage nommé top de la page autrepage.html
</a>
Placer un lien vers une adresse électronique
<a href="mailto :optimuss@hotmail.com">Envoyez moi un message</a>
Placer une image sur votre site web
<img src="monimage.jpg" alt="c'est une image perso" />
Utiliser aussi:
border="0": 0 pas de bordure 1 avec bordure
align="left": alignement (top, bottom, middle, left, right, center)
Réalisation du tutoriel: OptimusS
