REMARQUE ! Ce site utilise des cookies et autres technologies similaires.

En naviguant sur notre site, vous acceptez que des cookies soient utilisés pour vous proposer des contenus et services adaptés à vos centres d’intérêts En savoir plus

J'ai compris

Politique en matière de cookies

Que sont les cookies ?

Un cookie est un petit fichier contenant du texte qu'un site web sauvegarde sur votre ordinateur ou votre appareil mobile lorsque vous visitez ce site. Les cookies sont largement utilisés pour faire fonctionner les sites web, ou pour les faire fonctionner plus efficacement, ainsi que pour fournir des informations aux propriétaires du site.

Comment utilisons-nous les cookies ?

Ce site utilise Google Analytics, un service d'analyse du web fourni par Google, Inc. (ci-après "Google") qui nous aide à analyser l'usage qui est fait de ce site. À cette fin, Google Analytics utilise des cookies, qui sont des fichiers textes placés sur votre ordinateur. Les informations générées par les cookies concernant votre utilisation des sites – informations types concernant l'accès à l'internet (y compris votre adresse IP) et votre comportement de visiteur analysées de manière anonyme – sont transmises à Google, qui les stocke, y compris sur des serveurs installés aux États-Unis. Avant de stocker les informations transmises, Google les rendra anonymes en supprimant le dernier octet de votre adresse IP. Les conditions d'utilisation de Google Analytics précisent que Google utilise ces informations pour évaluer l'usage que vous faites des sites et générer des rapports sur l'activité des sites.

Ce site n'utilise pas ni n'autorise aucun tiers à utiliser l'outil d'analyse statistique pour repérer ou recueillir des informations personnelles de visiteurs de ces sites qui seraient identifiables. Google peut transférer les informations recueillies par Google Analytics à des tiers lorsque la loi l'exige ou lorsque ces tiers traitent les informations pour le compte de Google. Les conditions d'utilisation de Google Analytics précisent que Google n'établit pas de lien entre votre adresse IP et d'autres données détenues par Google. Vous pouvez refuser l'utilisation des cookies de Google Analytics en téléchargeant et en installant le module complémentaire du navigateur pour la désactivation de Google Analytics. Ce module indique au fichier JavaScript Google Analytics (ga.js) que les informations concernant la visite d'un site ne doivent pas être envoyées à Google Analytics.

Les cookies sont également utilisés pour déterminer si vous avez accepté (ou non) que nous utilisions des cookies sur ce site, de façon à ce que la question ne vous soit pas posée à chaque fois que vous le consultez.

Comment gérer les cookies ?

Vous pouvez gérer et effacer des cookies comme vous le souhaitez; pour plus d'informations à ce sujet, consultez le site www.allaboutcookies.org. Vous pouvez effacer tous les cookies déjà enregistrés sur votre ordinateur et vous pouvez configurer la plupart des navigateurs pour empêcher l'enregistrement des cookies.

Gestion des cookies dans votre navigateur

La plupart des navigateurs vous permettent:

  • de consulter les cookies qui ont été créés et de les effacer individuellement;
  • de bloquer les cookies créés par des tiers;
  • de bloquer les cookies créés par certains sites;
  • de bloquer tous les cookies, quelle que soit leur origine;
  • d'effacer tous les cookies lorsque vous fermez votre navigateur.

Si vous décidez d'effacer vos cookies, soyez conscient que toutes les préférences que vous avez éventuellement paramétrées seront perdues. En outre, si vous bloquez tous les cookies, de nombreux sites web (dont celui-ci) ne fonctionneront plus correctement. C'est pourquoi il n'est pas recommandé de bloquer les cookies lorsque vous naviguez ici.

L'Education numérique avec Tice-Education

  • word    
  • writer
  •   excel  
  • calc
  • powerpoint
  • impress
  • chrome 
  • firefox
  • safari
  • ie-10-logo
  • ipad 
  • el capitan logo
  • macosx
  • Windows 10
  • linux
  • nexus4
  • android
  • tbi
  • pdf
  • archive black zip 128
  • scratch
  • langage
  • 01010101
  • scratch algo
  • sublimetext ecran
  • cardboard box blue 128
  • robots 
  • Imprimante 3D 
  • car 
  • videoprojecteur 

Codage, algorithmique

DIV TABLE : un générateur interactif de tableaux HTML en ligne

le .

toutpublic

divtable logoDIV Table est une appplication en ligne qui permet de générer des tableaux HTML pour des sites internet en quelques clics avec deux options possibles : via un tableau classique HTML (Table) ou à l'aide de la balise DIV associée à du CSS. Il suffit de régler quelques options sur l'interface, puis sélectionner la taille désirée, l'éditeur interactif traduit immédiatement en code HTML associé à une feuille CSS.

 

Méthode : 

De nombreux éditeurs HTML libres existent comme par exemple Notepad++, Thimble, Brackets, Sublime Text, Atom... pour créer vos pages HTML. Vous pourrez donc utiliser le code généré par DIV Table pour le coller ultérieurement dans votre éditeur. Vous devez tout d'abord sélectionner si vous souhaitez générer une table HTML standard ou si vous préférez utiliser des blocs de style Div pour mettre en page la grille. 

Pour rappel la balise <DIV> est une balise encadrant tout un bloc du document (block-level element). Elle peut contenir des paragraphes, des titres, des tableaux, des listes, des images et d'autres divisions.  La balise <DIV> est idéale pour marquer différentes sortes de blocs tel qu'un chapitre, un résumé ou une note et donc structurer les pages HTML en plusieurs grandes sections.

Réglages : 

Lorsque l'option souhaitée a été définie dans la liste déroulante (Table ou DIV), vous pouvez éventuellement spécifier les paramètres restants dans les cases attribuées. Vous pouvez choisir la bordure en pixels, spécifier la largeur de la table entière en pixels ou en pourcentage, la marge intérieure de la cellule etc...

Création :

Pour sélectionner les dimmensions de la table cliquez ou appuyez sur la cellule désirée de la grille à côté de la boîte de paramètres. Cela va remplir les éditeurs interactifs du cadre inférieur avec le code HTML généré.

Exemple :

 divtable ecran

 

Vous pouvez faire des ajustements à votre nouvelle table avec les deux éditeurs de source instantanée interactifs. La coloration syntaxique et l'identation du code vous permettent de prévisualiser le balisage.

Code CSS pour les tableaux <Div> :

Les tables HTML classiques ne nécessitent pas de feuille de style supplémentaires pour afficher la mise en page de la grille, mais les balises Div sont associées à du code CSS (feuille de style). Le générateur vous fournira les styles CSS requis que vous devrez inclure dans votre fichier HTML (ou via un fichier .CSS attaché, c'est préférable) afin de positionner les éléments de bloc correctement dans votre page HTML.

 

Plus d'informations sur : http://divtable.com/generator/

 

Tags: éditeur HTML codage

Pour écrire un commentaire, se connecter :
- Les messages injurieux, agressifs, grossiers, les critiques non argumentées et les attaques personnelles seront supprimées sans préavis et leurs auteurs bloqués.
- Le langage SMS est banni, les messages publicitaires, liens commerciaux sont interdits.
Merci de faire un effort de rédaction...
Cordialement
L'équipe Tice-Education