Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 142908 ]
Votre IP fleche [ 38.103.63.17 ]
Vous êtes ici : Home Page Cours HTML Structure page HTML
Imprimer Imprimer le document

Informations Membres

[197] Posts sur le forum
[181] Membres inscrits
Il y a en ligne :
  arrow 0 Membre
  arrow 1 Invité
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

www.

Partenaires

Alsacreations
L'éditeur JavaScript
WebRankInfo
DicoDuNet
Noogle
| Page suivante

Structure d'une page HTML

Thème

Réaliser manuellement une page HTML simple : structure de base, titres, paragraphes, ligne de séparation horizontale...

Balises

  • Structure de la page avec titre :
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    La déclaration ci-dessus spécifie la version HTML utilisée. Pour la norme HTML 4.01, on distingue les 3 DTD's suivantes (Document Type Definition, documents XML du W3C définissant les différentes balises et leur fonctionnement) :
    - Strict : n'autorise que les balises non dépréciées
    - Transitional : idem à Strict plus balises/attributs dépréciés en faveur de CSS
    - Frameset : idem à Transitional plus balises relatives aux frames

    <html>
<head>
<title> titre </title>
{ <meta name="..." ou http-equiv="..." puis content="..."> } (cf. ex. sur attributs de page)
{ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> }
(spécification du type de document (HTML) et du jeu de car. utilisé (iso-latin-1) )

{ <base href="URL" target="target name"> }  (cf. ex. sur les liens)

{ <style type="text/css">
  <!-- définitions de styles -->
  </style>
ou
  <link rel="stylesheet" href="URL stylesheet" type="text/css"> } (cf. ex. sur CSS)

{ <script language="JavaScript">
  <!-- script //-->
  </script>
ou
  <script src="URL javascript.js"></script> }
</head>

<body éventuels attributs...>

  corps de la page ...

</body>
</html>
  • Titres dans le document :
    <h1 align="LEFT,RIGHT,CENTER"> titre 1er niveau </h1>
<h2 align="LEFT,RIGHT,CENTER"> titre 2e niveau </h2>
<h3 align="LEFT,RIGHT,CENTER"> titre 3e niveau </h3>
<h4 align="LEFT,RIGHT,CENTER"> titre 4e niveau </h4>
<h5 align="LEFT,RIGHT,CENTER"> titre 5e niveau </h5>
<h6 align="LEFT,RIGHT,CENTER"> titre 6e niveau </h6>
  • Trait horizontal :
    <hr width="pixels ou %" size="pixels" align="LEFT,RIGHT,CENTER" {NOSHADE}>
  • Centrage :
    <center>
  • Saut de ligne :
    <br>
  • Saut de paragraphe :
    <p> paragraphe </p>
  • Texte qui reste sur une seule ligne :
    <nobr> ce texte se sera jamais wrapé sur plusieurs lignes </nobr>
  • Commentaire HTML :
    <!-- commentaire -->
| Page suivante
Haut de page