logo

Types de blocs supplĂ©mentaires (EBT) – Nouvelle expĂ©rience de Layout Builder❗

Types de blocs supplĂ©mentaires (EBT) – types de blocs stylisĂ©s et personnalisables : diaporamas, onglets, cartes, accordĂ©ons et bien d’autres. ParamĂštres intĂ©grĂ©s pour l’arriĂšre-plan, la boĂźte DOM, les plugins JavaScript. DĂ©couvrez dĂšs aujourd’hui le futur de la crĂ©ation de mises en page.

Démo des modules EBT Télécharger les modules EBT

❗Types de paragraphes supplĂ©mentaires (EPT) – Nouvelle expĂ©rience Paragraphes

Types de paragraphes supplĂ©mentaires (EPT) – ensemble de modules basĂ© sur les paragraphes analogiques.

Démo des modules EPT Télécharger les modules EPT

DĂ©filement
  1. Accueil

Blog

HTML Premiers Pas - Conclusion

05/07/2025, by Ivan
HTML t-shirt

Je pense conclure ici le tutoriel HTML, mais je continuerai Ă  publier des leçons sur HTML si de nouvelles idĂ©es me viennent. Vous pourriez trouver que ce tutoriel est trĂšs court, mais il s’intitule « Premiers pas ». Je ne pense pas qu’il soit nĂ©cessaire de dĂ©crire tous les tags maintenant, ce sera fait plus tard dans un guide HTML complet.

Si vous souhaitez continuer à apprendre, je vous recommande de poursuivre avec le CSS, qui fait partie de HTML et permet de styliser les éléments HTML pour rendre tout joli.

Tutoriel CSS

05/07/2025, by Ivan
CSS

Alors, vous avez lu un livre sur le HTML et vous faites maintenant un pas de plus vers la crĂ©ation de votre beau site en commençant Ă  apprendre le CSS. À quoi sert le CSS ? Si vous avez lu mes Premiers pas en HTML, vous avez sans doute remarquĂ© Ă  quel point ce petit guide est succinct. J'ai dĂ©libĂ©rĂ©ment omis beaucoup de balises et d'attributs qui concernent la mise en forme : italique, gras, couleur, forme, mise en Ă©vidence. Je l'ai fait en pensant que vous n'en auriez pas besoin.

Tutoriel CSS - Leçon 1 - Comment inclure des styles CSS

05/07/2025, by Ivan
CSS

Je ne vais pas expliquer Ă  quoi sert le CSS. Si vous avez ouvert ce tutoriel, c’est que vous souhaitez l’apprendre. Je dirai simplement que les possibilitĂ©s du CSS sont trĂšs vastes et permettent de rĂ©aliser des mises en page de toute complexitĂ©. En contrepartie, utiliser le CSS signifie qu’il faudra renoncer Ă  certains attributs comme size, color, bgcolor, align et autres, qui peuvent « gĂȘner » le CSS.

Tutoriel CSS - Leçon 2 - Commencer à utiliser le CSS. Propriétés CSS background, color.

05/07/2025, by Ivan

Bonjour à tous. Donc, dans la leçon précédente, j'ai créé deux fichiers html et css. Voici leur code :

index.html :

<html>
 <head>
  <title>Tutoriel CSS</title>
  <link type="text/css" rel="stylesheet" media="all" href="style.css" />
 </head>
 <body>
  <p>Apprenez le CSS avec drupalbook.org</p>
  <p>2Ăšme ligne apprenez le CSS avec drupalbook.org</p>
 </body>
</html>

style.css :

Manuel CSS - Leçon 3 - Propriétés background-color, font-style, font-weight, text-align, text-decoration, text-transform.

05/07/2025, by Ivan

Au fil du temps, de nombreux tags HTML ont Ă©tĂ© crĂ©Ă©s, mais avec l’usage gĂ©nĂ©ralisĂ© du CSS, certains devront ĂȘtre abandonnĂ©s, notamment les tags <font>, <b>, <i>, <center>. Nous aborderons plus tard d'autres tags "obsolĂštes". Ces propriĂ©tĂ©s CSS vous aideront Ă©galement Ă  Ă©viter du code superflu dans le HTML et Ă  le dĂ©placer dans des fichiers CSS.

Tutoriel CSS - Leçon 4 - La propriété display. Différence entre div et span.

05/07/2025, by Ivan

Dans les leçons prĂ©cĂ©dentes, nous avons liĂ© le CSS via un fichier et Ă©crit un peu de code CSS pour voir comment tout cela fonctionne. Dans cette leçon, nous allons examiner une propriĂ©tĂ© importante : display. La propriĂ©tĂ© display dĂ©termine comment une balise est affichĂ©e dans un document HTML, si elle sera placĂ©e comme un texte en ligne ou si c’est un bloc qui a sa propre hauteur et largeur.

Tutoriel CSS - Leçon 5 - Propriétés float, clear. Flux et fin du flux.

05/07/2025, by Ivan

Imaginez une riviĂšre de montagne rapide et tumultueuse. Sur son chemin se trouve un rocher, que la riviĂšre contourne. Si le rocher est Ă  gauche par rapport au courant, la riviĂšre contourne le rocher par la droite, et vice versa. C’est ainsi que fonctionne la propriĂ©tĂ© CSS float.