Magazine

L' HTML, une petite introduction.

Publié le 16 février 2008 par Bedmo

L'html, le langage le plus utiliser dans le domaine du construction et de développement des sites web. En plus c'est un langage très utile, c'est pourquoi est il fortement recommandé d'essayer de le apprendrai.

Qu'est-ce qu'un fichier HTML? Comment utiliser ce langage? Quelle est les éditeurs utilisées pour crée un fichier HTML? On va essayer dans cet tutorial de répandre à toutes ces questions. Donc en commence par;

Qu'est-ce qu'un fichier HTML?


  • HTML signifie Hyper Text Markup Language
  • Un fichier HTML est un fichier texte contenant des petites balises
  • Les balises dire au navigateur comment afficher la page
  • Un fichier HTML doit avoir une htm ou html extension de fichier
  • Un fichier HTML peut être créé en utilisant un simple éditeur de texte

Voulez-vous essayer?

Si vous utilisez Windows, lancez le "Bloc-notes".
Si vous êtes sur Mac, lancez "SimpleText".
Au OSX démarrer TextEdit et modifiez les préférences suivantes: Ouvrez le «Format» et sélectionner «Texte brut» au lieu de «texte enrichi». Ensuite, ouvrez la fenêtre «Préférences» dans le cadre de "Text Edit" et sélectionnez "Ignorer les commandes texte riche en fichiers HTML". Le code HTML sera probablement ne fonctionnera pas si vous ne changez pas les préférences ci-dessus!

Tapez le texte suivant:

<html>
<head>
<title> Titre de la page </title>
</head>
<body>
Salut, c'est mon premier page web <b>Ce texte est en gras</b> 
</body>
</html>

Enregistrez le fichier sous "mapage.htm" ou "mapage.html".
Cliquez sur la page qui vous avez crée récemment, le navigateur doit affiché la page.
Explication de l'exemple ci-dessous:
La première balise dans votre document HTML est <html> Cette balise indique au navigateur que c'est le début d'un document HTML. La dernière balise dans votre document </ html>. 
Cette balise indique au navigateur que c'est la fin du document HTML.
Le texte entre les balises <head> et de la balise </head> c'est les informations d'en-tête. Les informations d'en-tête ne sont pas affichées dans la fenêtre du navigateur. Elles sont destinées aux moteurs de recherche.
Le texte entre les balises <title> et </title> est le titre de votre document. Le titre est affiché dans la légende de votre navigateur (en haut de votre navigateur).
Le texte entre les balises <body> et </body> est le texte qui sera affiché dans votre navigateur. C'est-à-dire le contenu de la page web.
Et le texte entre les <b> et </b> balises sera affiché en mode gras.
HTM ou HTML Extension? Quelle est la déférence?
Lorsque vous enregistrez un fichier HTML, vous pouvez utiliser soit l'extension .Htm ou .Html. Y a pas de déférence entre ces deux. Parce que au passé certains des logiciels couramment utilisés ne permis seulement que trois lettre des extensions. Mais avec les nouveaux logiciels, il sera en parfaite sécurité d'utiliser l'extension .Html.
Note sur les éditeurs HTML:
Vous pouvez facilement modifier des fichiers HTML en utilisant un mode WYSIWYG (What You See Is What You Get. En français, ce que vous voyez est ce que vous obtenez) comme l'éditeur FrontPage (Microsoft) ou Dreamweaver (Macromedia), au lieu d'écrire vos balises dans un fichier texte simple.
Cependant, si vous voulez vraiment apprenez l'HTML, il est recommander fortement d'utiliser un éditeur de texte simple pour apprendre le langage HTML. Mais la réalité c'est que tous les webmasters de nos jours utilisent un éditeur WYSIWYG (What You See Is What You Get) et la plupart d'eux utilisent ces deux (FrontPage et DreamWeaver).
A noter que il y a des cas ou vous voulez modifier sur un fichier HTML, mais vous avez pas la possibilité d'utiliser un éditeur WYSIWYG, comme elle est le cas dans Blogger, et là vous êtes obliger d'utiliser vos connaissances HTML.
Alors,
Que pensez vous sur cet langage, pour moi c'est; Facile, Simple, Utile et COOL (et pour vous). Peut-être en va discuter dans les prochains jours sur l'html avec plus des détailles.
Au revoir et à bientôt.

Retour à La Une de Logo Paperblog

A propos de l’auteur


Bedmo 196 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte