Accueil
Recherche
Publications
Activités
Enseignement
Supports
Synthèse
Divers
Errance Chromatique
Réalisation fablab
D'où viens-je ?
Le Masque SF
Docs
Doctypes
xHTML 1.0
HTML 5
CSS 2.2
Propriétés CSS 2.2
CSS 2023
Outils
Validator HTML
Validator CSS
Squelette xhtml1.0
Squelette html5
CM
HTML
Aide xHTML 1.0
Entités HTML
CSS
MarkDown, Pandoc
Informatique et documents
Web et langage HTML
Vous avez dit document ?
▼
Document pour le web
Document
Informatique
Document
Informatique
4D
Documents et outils d'éditions usuels
Documents et outils d'éditions usuels
World Wide Web
▼
Web
Les URL
L'hypertexte
xHTML 1.0
▼
Langage xHTML 1.0
Éléments de blocs et éléments intégrés
Éléments vides et entités html
Structure d'un document HTML
Documents bien formés / documents valides
Le corps d'un document
Les blocs élémentaires
▼
Les blocs élémentaires
Les paragraphes
Les titres
Autres éléments de blocs élémentaires
Les éléments intégrés
▼
Les éléments intégrés
Les mises en forme logique
Les mises en évidence visuelle
Les liens hypertextes
Césures forcées
Les blocs structurés
▼
Les blocs structurés
Le blockquote
Les listes
Les listes ordonnées
Les listes non ordonnées
Les listes de définitions
Listes imbriquées
Les tableaux (1)
Les tableaux (2)
Fusions de cellules
Attributs des éléments de tableau
L'entête du document
▼
L'en-tête et les méta-données
L'élément
meta
Exemple d'utilisation de
meta
L'élément
link
Les éléments
base, style
et
script
Les formulaires
▼
Les formulaires
L'élément
input
(1)
L'élément
input
(2)
L'élément
select
L'élément
textarea
Autres éléments de formulaires
Les cartes cliquables
HTML 5
▼
HTML 5
Nouveau squelette
Blocs sémantiques
Intégration du multimédia
Améliorations des formulaires
Enrichissements des API javascript
Quelques éléments supprimés
Plein de choses (in)utiles
Le Langage CSS
Le langage CSS
▼
Le language CSS
Intérêt des feuilles de style
Un document / deux feuilles de style
Comment ajouter des feuilles de styles ?
CSS en ligne
CSS en entête
CSS externe
Propriétés
Sélecteurs
Exemple de css en entête
Propriétés dédiées au texte et aux caractères
▼
Propriétés de couleurs
Propriétés de texte
Propriétés de police de caractères (1)
Propriétés de police de caractères (2)
La notion de boite
▼
Propriétés de boite
Propriétés de
margin
Propriétés de
border
Propriétés de
padding
Exemples d'usage des propriétés de boite
Arrière plan, listes et cie
▼
Propriétés d'arrière-plan
Propriétés de liste
Propriétés de tableau
Propriétés de pagination
Propriétés de positionnement de boite
Les sélecteurs
▼
Sélecteurs
Les différents types de sélecteurs
Sélecteurs de classe et d'identifiants
Sélecteurs contextuels
Imbrication d'éléments et descendance d'élément
Arborescence HTML
Retour sur les sélecteurs contextuels
Pseudo-éléments / Pseudo-classes
CSS avancé
▼
CSS avancé
Propriétés et héritage
Vous avez-dit cascade ?
Média
Gestion avancée de l'affichage en CSS
Propriétés de positionnement de boite
Les boites
Le flux normal d'affichage
Affichage en dehors du flux
Positionnement flottant
CSS dynamique : les pseudo-classes
Les pseudo-éléments
:before
et
:after
CSS 3
▼
CSS 3
Nouveaux selecteurs
À suivre...
Bordures arrondies
Ombres
La propriété display
Affichage en grille (
display:grid
)
Flexible Box Layout (
display:flex
)
MarkDown, Pandoc et conversions de formats
MarkDown
▼
MarkDown
MarkDown vs MarkUp
Production de blocs élémentaires
Les mises en forme visuelles
les citations longues
Les listes
Les liens et les images
Les tableaux
Du code HTML dans MarkDown
Comment transformer du MD en HTML ?
Sources et ressources
Pandoc
▼
Pandoc: a universal document converter
B.a.-ba Pandoc
Convertir MD en HTML avec Pandoc
Insertion du squelette HTML
Template HTML par défaut
Syntaxe des templates Pandoc
Renseignements des variables du template
Réalisation d'un template élémentaire HTML5
Template xHTML1.0 strict
Intégration d'un sous-template
Regroupement des déclarations de variable
Formats MarkDown et extensions
Production d'autres formats
Autres langages balisés (ou pas)
Documents et données : CSV/YAML/JSON/
▼
Documents et données
CSV, TSV, DSV
Exemple de fichiers CSV avec en-tête
YAML
Syntaxe (de base) YAML
Exemple YAML
JSON
Structure d'un document JSON
Syntaxe JSON
Valeurs acceptées
XML : un métalangage de balisage
▼
Aux origines des langages balisés
XML : Présentation
Origines de XML
Exemples de documents xml
Format XML
Standards XML et affiliés
Xml en détails
La DTD
Exemple de DTD
Déclaration d'un élément
Contenu d'un élément
Contenu d'un élément
Déclaration d'une liste d'attributs
Types d'attributs
Déclaration de valeurs par défaut
Les entités paramètres
DTD xHTML 1.0 Strict
DocBook
Transformation html => docbook