Tous pour le PC
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 [TUTO] Premiere page en XHTML/HTML [part.1]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
mad
Admin
Admin
avatar

Messages : 37
Date d'inscription : 29/05/2011
Age : 27

MessageSujet: [TUTO] Premiere page en XHTML/HTML [part.1]   Ven 3 Juin - 12:02

Une page HTML

C'est le moment d'ouvrir votre éditeur (je vous conseille notepad++), et de tester avec moi votre première page web Smile

Avant tous voici un code de départ dont nous nous servirons pour chacune de nos pages:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
      <title>Bienvenue sur mon site !</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
  </body>
</html>

Recopier ce morceaux de code dans le notepad++ et Fichier>Enregistrer sous...
Donc choisissez le nom que vous voulez et choisissez en extension "HTML".

Rendez-vous ensuite dans le dossier où vous avez enregistré la page .

Vous devriez voir votre fichier HTML, il devrait normalement être associé à l'icone internet explorer ,si se n'ait pas le cas ouvrer le avec internet explorer (ou le navigateur de votre choix).

Et oui je voie votre déception, tous ce code pour une page vide Crying or Very sad

Mais rassurez-vous quand même, la page n'est en fait pas si vide que ça : elle contient des tonnes d'informations dont votre navigateur aura besoin.
Normalement vous devez voir le titre de votre page dans l'onglet.

Notez qu'une fois votre fichier XHTML créé, vous pouvez toujours le réouvrir en faisant un clic droit sur l'icône et en cliquant sur "Notepad++"

Explication du code


je vais vous donné quelque explications sur le code que je vous est donné plus haut.

Je me permets de copier ce code à nouveau pour que vous l'ayez bien sous les yeux:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
      <title>Bienvenue sur mon site !</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
  </body>
</html>

Voici les explications ligne par ligne :

1- Sur la toute première ligne se trouve la déclaration "Doctype".Concrètement, cette balise sert à dire au navigateur que ce que vous faites est une page XHTML, et que vous utilisez la version 1.0 du langage XHTML.

2- la deuxième balise est <html> ,c'est la balise principale (celle qui englobera toute notre page XHTML) , et on la ferme en tous dernier avec la balise </html>.

3- La balise <head> contient des informations d'en-tête pour votre page web. Elle est refermée un peu plus loin. comme le titre inséré par la balise <title> et aussi comme la balise <meta> qui
elle sert à indiqué que nous allons tapé des caractère spéciaux en français (éèàç etc...)

4- Et enfin c'est entre <body> et </body> que se trouvera le contenue de notre site web.

5- Et la dernière c'est une balise qui n'apparait pas dans le code, c'est la balise qui vous sert a prendre des note faire des pense bête etc...
Elle commence par <!-- et terminant par --> (je tient a vous dire que toute c'est note ne seront pas visible par les visiteur).

Exemple:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
      <title>Bienvenue sur mon site !</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
      <!-- Rappel : c'est ici que l'on écrit le contenu de notre page web -->
  </body>
</html>

A bientôt pour la partie 2
mad
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pcstuce.jeunforum.com
 
[TUTO] Premiere page en XHTML/HTML [part.1]
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [5ème] rédac policier
» POur mes 30 ans
» Problématique sur Thérèse Raquin ???
» Convertir une page-web html en pdf?
» Html pour les nuls

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PCstuce :: Programmation :: PHP/HTML/CSS/JavaScript-
Sauter vers: