Les balises

• 
  
  La première balise <titre> indique le début du titre, et elle est refermée plus loin avec </titre>.
  Le navigateur comprend que ce qui est entre <titre> et </titre> est le titre de votre site web, et que celui-ci est "Bienvenue sur mon site !"
• Les balises seules : elles sont un peu plus rares, mais il y en a quand même. On s'en sert en général pour insérer un élément dans une page.
  Ce type de balise se termine toujours par un slash "/", mais cette fois le slash se trouve à la fin de la balise. Par exemple la balise qui permet d'insérer une image :
  
  Code : Xhtml
  <image />
  
  
  Cette balise indique juste qu'il y a une image à cet endroit.

Il est donc facile de reconnaître à quel type de balise on a affaire :

• Si vous voyez <truc>, c'est qu'il s'agit forcément d'une balise existant par paire, et donc que vous allez trouver un </truc> un peu plus loin, pour indiquer la fermeture de la balise.
• Si vous voyez <truc />, c'est une balise seule.

Les attributs

Les attributs sont un moyen de donner des précisions sur une balise. On peut trouver des attributs sur les deux types de balises (par paire ou seules).
Par exemple, prenons la balise seule <image />. C'est bien beau de dire qu'on insère une image, mais encore faut-il indiquer laquelle. On fera ça avec un attribut :

Code : Xhtml



Dans le cas d'une balise fonctionnant "par paire", on ne met les attributs que dans la balise ouvrante et pas dans la balise fermante. Par exemple, ce code indique que la citation est de Neil Armstrong et qu'elle date du 21 Juillet 1969 :

Code : Xhtml

Comme vous le voyez, on ferme la balise en mettant simplement </citation> sans répéter les attributs (ça ne servirait à rien).

Ce qu'il faut retenir

Bon, tout ce que je viens de vous dire là, c'est le seul moment de théorie pure que vous trouverez dans ce cours. Vous ne savez pas encore faire une page web, mais rassurez-vous nous allons commencer dans 2 minutes.

Je tenais à vous montrer un peu ce que sont ces "balises" que vous allez rencontrer tout le temps par la suite, histoire que vous tiriez pas trop la tronche quand vous allez en voir (un peu comme ça => )
Bien entendu, j'ai inventé des noms de balises, en réalité <image /> et <citation> n'existent pas. Mais vous allez avoir tout le temps d'apprendre les vrais noms.

Avant de terminer cette petite partie théorique, je vais vous donner ici quelques règles pas bien compliquées qu'il faudra retenir si vous voulez faire une parfaite petite page web :

• Les balises existent soit par paires (<balise> </balise> ) ; soit toutes seules, mais dans ce cas il faut mettre un / à la fin de la balise (ex. : <balise /> )
• Les noms des balises et attributs s'écrivent toujours en minuscules (ex. : "citation, auteur, date")
• Les valeurs des attributs peuvent contenir des majuscules (ex. : "Neil Armstrong")
• S'il y a des attributs dans une balise fonctionnant par paire, on ne les met que dans la balise ouvrante 
• les meilleurs logiciels pour construir votre site
• 
  
  
  
  Nvu (prononcez n-view) est une solution complète de création de site Web capable de rivaliser avec les plus grands noms du secteur tels que Dreamweaver ou FrontPage. L'application regroupe un gestionnaire de fichiers Web et un éditeur de page graphique, du type WYSIWYG. Le gestionnaire de sites permet de publier rapidement la dernière version de votre site en quelques clics ! La plupart des fonctionnalités permettant de créer facilement des pages sophistiquées sont présentes comme l'intégration de tableaux, de formulaires, d'images, le formatage du texte, etc. Le but de Nvu est de faciliter le processus de création et et de le rendre plus accessible aux utilisateurs débutants dans le domaine. Cependant, les utilisateurs avertis auront la possibilité d'éditer directement le code source. Il est possible d'éditer plusieurs pages simultanément grâce à l'utilisation des tabulations. La prévisualisation des pages est intégrée et ne nécessite aucun navigateur additionnel. Le moteur de rendu utilisé pour afficher les pages respecte soigneusement les normes et standards en vigueur sur le Web, puisqu'il est basé sur Gecko, le coeur de Mozilla Firefox !