Ouvrir en cliquant sur un bouton
Cette fenêtre peut avoir n'importe quelle taille
Etiam euismod lobortis iaculis. Les résultats de l'enquête ont été publiés dans le journal de l'école et dans le journal de l'université. Maecenas pulvinar lacus sed dui scelerisque pharetra. Le texte de l'article est disponible sur le site internet de la Commission. Proin porttitor neque sapien.
Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Les mots nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Popup sans arrière-plan
EST TELLEMENT AWESOME !
Proin semper, odio sed facilisis eleifend, orci lacus finibus eros, et luctus nulla dolor at metus. Nam at posuere nunc, eu maximus elit. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla mollis velit laoreet.
Ouvrir par clic sur l'image
Etiam euismod lobortis iaculis. Les résultats de l'enquête ont été publiés dans le journal de l'école et dans le journal de l'université. Maecenas pulvinar lacus sed dui scelerisque pharetra. Le texte de l'article est disponible sur le site internet de la Commission. Proin porttitor neque sapien.
Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Les mots nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bonjour !
Ce n'est qu'un exemple de Popup,
qui est ouvert automatiquement après le chargement de la page.
Maintenant, fermez-la et découvrez les autres exemples impressionnants ! 😉
Ouvrir en cliquant sur un élément spécifique
En-tête un
En-tête deux
En-tête trois
En-tête quatre
En-tête cinq
En-tête six
Il s'agit du paragraphe par défaut. Morbi sagittis sem quis lacinia faucibus, Il s'agit d'un lien de texte orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Suspendisse consectetur fringilla luctus.
Citation en bloc d'une seule ligne :
Restez affamés. Restez fous.
Citation à plusieurs lignes avec une référence :
Les gens pensent que se concentrer signifie dire oui à la chose sur laquelle on doit se concentrer. Mais ce n'est pas du tout le cas. Cela signifie qu'il faut dire non à la centaine d'autres bonnes idées qui existent. Il faut choisir avec soin. En fait, je suis aussi fier des choses que nous n'avons pas faites que de celles que j'ai faites. L'innovation, c'est dire non à 1 000 choses. Steve Jobs - Conférence mondiale des développeurs d'Apple, 1997
Listes non ordonnées (imbriquées)
- Énumérer le premier élément
- Énumérer le premier élément
- Énumérer le premier élément
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
- Énumérer le premier élément
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
Listes ordonnées (imbriquées)
- Énumérer le premier élément
- Énumérer le premier élément
- Énumérer le premier élément
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
- Énumérer le premier élément
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
Tags HTML
Les balises prises en charge proviennent du code WordPress.com FAQ.
Étiquette d'adresse
1 Boucle infinieCupertino, CA 95014
États-Unis
Balise d'ancrage (alias lien)
Il s'agit d'un exemple de Lien.
Abréviation Tag
L'abréviation franchement signifie "sérieusement".
Acronyme Tag (obsolète en HTML5)
L'acronyme ftw signifie "pour la victoire".
Big Tag (obsolète en HTML5)
Ces tests sont une grand mais cette balise n'est plus prise en charge par le HTML5.
Citer l'étiquette
"Le code, c'est de la poésie. -Automattic
Code Tag
Vous apprendrez plus loin dans ces tests que mot-valise : mot-valise ; sera votre meilleur ami.
Supprimer l'étiquette
Cette étiquette vous permettra texte barrémais cette balise n'est plus supportée en HTML5 (utiliser la balise à la place).
Mettre l'accent sur l'étiquette
La balise "emphasize" doit mettre en italique texte.
Insérer une étiquette
Cette étiquette devrait indiquer inséré texte.
Étiquette du clavier
Ce tag connu de tous émule texte du clavierqui se présente généralement sous la forme d'un Tag.
Étiquette préformatée
Cette balise permet de styliser de grands blocs de code.
.post-title {
margin : 0 0 5px ;
font-weight : bold ;
font-size : 38px ;
line-height : 1.2 ;
et voici une ligne de texte très, très, très, très, très, très longue, juste pour voir comment la balise PRE la gère et pour découvrir comment elle déborde ;
}
Citation Tag
Développeurs, développeurs, développeurs...
-Steve Ballmer
Strike Tag (obsolète en HTML5)
Cette balise affiche un texte barré
Étiquette forte
Cette étiquette indique texte en gras.
Étiquette d'indice
La science au service de la stylisation avec H2O, ce qui devrait pousser le "2" vers le bas.
Étiquette Superscript
Je m'en tiens toujours à la science et à l'équation E=MC d'Isaac Newton.2ce qui devrait soulever les 2.
































































































































































































































































































































































