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

Informations Générales

[425] Posts sur le forum
[453] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 4 Invités
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.

Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

Alsacreations
Dreamseed
L'éditeur JavaScript
DicoDuNet
Noogle
Tutopla.net
| 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>

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

<!--définitions de styles-->
{ <style type="text/css">
  </style> }
ou
{ <link rel="stylesheet" href="URL stylesheet" type="text/css"> }

<!-- script //-->
{ <script language="JavaScript"></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