PCstuce
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Tous pour le PC
 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -15%
(Adhérents) LEGO® Icons 10318 Le Concorde
Voir le deal
169.99 €

 

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

Aller en bas 
AuteurMessage
mad
Admin
Admin
mad


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

[TUTO] Premiere page en XHTML/HTML [part.1] Empty
MessageSujet: [TUTO] Premiere page en XHTML/HTML [part.1]   [TUTO] Premiere page en XHTML/HTML [part.1] Icon_minitimeVen 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
http://pcstuce.jeunforum.com
 
[TUTO] Premiere page en XHTML/HTML [part.1]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TUTO] Les images [part.3]
» [TUTO] Mise en place d'un texte [part.2]
» [HTML]Hebergeur
» Hébergeur page web
» Page deface

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