Comment créer un calendrier de table avec xhtml

Extensible Hypertext Markup Language (XHTML) est un langage de balisage XML très similaire dans la forme et la fonction de HTML. Comme avec HTML, création d'une table implique l'écriture de code pour quelques éléments de base: la table elle-même, des lignes et des lignes d'en-tête dans le tableau, et des cellules individuelles. L'application de quelques règles simples Cascading Style Sheet (CSS) à ce cadre permet aux auteurs de pages Web pour créer une conception de table qui imite étroitement l'apparition de calendriers traditionnels.


Sommaire

Instructions

  1. 1

    Ouvrez votre page Web. Si vous utilisez un programme d'édition de texte tel que Notepad ou Wordpad, ouvrez votre page Web et de trouver l'emplacement dans le code où votre table devrait aller. Si vous utilisez un programme d'édition visuelle comme Adobe Dreamweaver ou Microsoft Expression Web, ouvrez votre page Web et cliquez sur la zone spécifique où vous voulez votre table placée. Puis changer votre page vue d'affichage du code pour voir le code HTML qui contrôle cette partie de la page.

  2. 2

    Créer une ligne vierge pour le code XHTML de votre calendrier.




  3. 3

    Ajouter une rubrique de calendrier. Cet exemple crée un calendrier pour le mois de Février 2010. Copiez et collez le code suivant sur la ligne vide que vous avez créé à l'étape précédente:

    Février 2010

  4. 4




    Créez la table contenant. Insérez une ligne vide en dessous de votre balise de titre. Copiez et collez le code XHTML suivant:


  5. 5



    Ajouter un en-tête ligne à la table. Calendriers présentent généralement les jours de la semaine le long de leurs premières lignes. Imiter ce format en insérant une ligne vide en dessous de l'ouverture "

    " tag, puis copier et coller le code suivant sur la ligne blanche:

    SUNMONAUTNOUS DTHUFRISAT

  6. 6

    Ajouter une ligne pour chaque semaine du mois. Février 2010 possède jours répartis sur cinq semaines, cinq rangées de table avec sept cellules chacun doit être créé. Insérez une ligne vide en dessous de la ligne d'entête vous avez ajouté à l'étape précédente, puis copiez et collez le code suivant sur la ligne:

    123456
    78910111213
    14151617181920
    21222324252627
    28

    Le caractère espace insécable "()" apparaît dans les cellules qui ont pas de valeur numérique.

  7. 7

    Ajouter des règles de style CSS. Si vous affichez la table dans votre navigateur, vous verrez qu'il a une conception très simple. Quelques règles CSS simples peuvent augmenter la largeur de la table, audacieux et l'ombre de la tête de rang, et de fournir des frontières pour chaque jour de la semaine. Pris ensemble, ces styles aident votre table ressemble davantage à un calendrier. Localisez le "" marquer près du haut de votre code et insérer une ligne vide directement au-dessus. Copiez et collez le code suivant sur la ligne blanche:

  8. 8

    Enregistrez votre page et de l'ouvrir dans votre navigateur. Votre page contient maintenant une table XHTML formaté pour ressembler à un mois civil.

» » » » Comment créer un calendrier de table avec xhtml