Trucsweb.com

Trucsweb.com

HTML

Introduction au HTML

RDFFav

Structure HTML - Votre premier document HTML

Créé à l’aide d’un logiciel ou avec Notepad, un document HTML est un simple fichier texte. Ce fichier doit avoir l’extension .html ou .htm. Je vous conseille .htm pour plusieurs raisons qui serait longue à énumérer ici. Votre page d’accueil doit être index.htm ou default.htm.document html body head premier introduction balises indentations espaces extension .htm .html index.htm default.htm index.html default.html defaut pages web titre title BODY HTM HEAD TITLE structure coderStructure HTML - Votre premier document HTML

  • · Niveau : DÉBUTANT
  • · Compatibilité : Tous les navigateurs

Créé à l’aide d’un logiciel ou avec Notepad, un document HTML est un simple fichier texte. Ce fichier doit avoir l’extension .html ou .htm. Je vous conseille .htm pour plusieurs raisons qui serait longue à énumérer ici.

Votre page d’accueil doit être index.htm ou default.htm. Ces deux pages sont ouvertes automatiquement par le navigateur. En fait c’est le serveur qui redirige le navigateur directement sur une de ses deux pages. Parfois sur un serveur c’est index.htm qui est la première retournée, parfois c’est default, mais c’est toujours une des deux. Alors encore une fois je vous conseil index.htm.

Note : Pour faire un site standard et surtout portable sur différent serveur (Unix, Linux ou NT), je vous conseil de respecter la norme DOS, c’est à dire 8 caractères pour le nom du fichier et 3 caractères pour l’extension. Et de TOUJOURS utiliser des minuscules. Sinon vous risquez d’avoir de sérieux problèmes si vous transférez votre site sur un serveur Unix par exemple. N’utilisez jamais d’espace comme Windows le permet et le seul caractère, autre que les lettres de l’alphabet et les chiffres, que vous pouvez utiliser est le souligné : « _ ».

Exemple : mapage.htm ou ma_page.htm

Les Balises
Le HTML est un langage de balise, c’est donc dire que le code est toujours identifié par des balises. Les balises sont les mots ou mnémoniques réservés du HTML. Les balises sont toujours encadrées par les symboles « < » et « > ».

Exemple : <HTML>

Et, pour indiquer que la commande est terminée, chaque balise doit être fermée à l’aide du symbole « / ».

Exemple : </HTML>

La première balise à connaître en HTML est d’ailleurs celle qui indique au navigateur que votre document est bien un document HTML. <HTML>. Tout document HTML doit donc commencer par cette balise et ce terminer par la fermeture de la balise <HTML> soit </HTML>

Exemple :
<HTML>
Votre document HTML
</HTML>

Le Document
Un document HTML est divisé en 2 parties distinctes. Le HEAD ou la tête et le BODY ou le corps. La tête contient les informations générales du document qui ne sont pas affichées par le navigateur à l’exception du titre du document. La tête peut aussi contenir des script Javascript ou autre « Embed script ». La tête du document est indiquée par la balise <HEAD>. Le corps, c’est l’endroit visible document HTML. C’est dans cette portion du document que vous allez ajouter les informations affichées par le navigateur. Le corps du document est indiqué par la balise <BODY>.

Exemple :
<HTML>

<HEAD>
</HEAD>

<BODY>
Ma première page Web.
</BODY>

</HTML>

Voilà votre premier document HTML. Transcrivez cet exemple dans un fichier texte et sauvegardez-le sous le nom « index.htm ». Puis ouvrez cette page dans votre navigateur.

Avant d’aller plus loin, ajoutons une balise dans la tête du document. La balise <TITLE>. Elle n’apparaîtra pas dans le navigateur mais elle sera affichée dans la barre du haut de votre navigateur. Cette balise est souvent oubliée par les débutants. Elle permet de donner un titre à votre page, à la fenêtre du navigateur, mais aussi à indexer votre site dans les moteurs de recherche.

Exemple :
<HTML>

<HEAD>
<TITLE>
Titre de ma première page HTML
</TITLE>
</HEAD>

<BODY>
Ma première page Web.
</BODY>

</HTML>

Vous pouvez maintenant voir les autres tutoriels pour donner du panache à vos documents. La seule chose à retenir est que les codes HTML seront tous ajoutés entre les balises <BODY> et </BODY>.

NOTE : Pour vous aider à lire un document HTML, écrivez toutes vos balises en majuscules, notez que cela ne changera en rien l’interprétation de la page mais vous aidera à lire le code tout simplement. De plus, sachez que seulement une espace entre deux mots est interprétée par le navigateur. Donc je vous conseil d’ajouter des espaces ou des tabulations pour que votre code soit plus lisible. Mais ce procédé n’est pas conseillé pour une page professionnelle car la page sera plus lourde et donc prendra plus de temps à être affiché par le navigateur. Alors une fois le HTML maîtrisé et contrairement aux langages compilé, n’ajoutez plus d’indentations (espace) pour rien.

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

Ajouter un commentaire
Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
Votre évaluation du tutoriel

       Visites : 5611 - Pages vues : 15241
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@