HTML ET CSS : Quelle est la différence ?

30 juillet 2021

CSS signifie "feuilles de style en cascade", tandis que HTML signifie "langage de balisage hypertexte".

Si vous vous intéressez à la conception de sites Web, vous devez connaître le HTML et le CSS. Ou peut-être êtes-vous complètement nouveau dans le monde de la conception et du développement web.

Si vous envisagez de vous lancer dans le secteur de la technologie, des acronymes tels que HTML et CSS peuvent prêter à confusion, mais vous comprendrez leur fonctionnement avec le temps. Ce sont deux des langages les plus importants que vous devez apprendre pour vous lancer dans une carrière technologique.

HTML et CSS font partie de l'essentiel langages de programmation pour créer la présentation générale des pages et des applications web. Le HTML fournit la structure, tandis que le fichier CSS offre le style et la mise en page.

Cependant, alors que le HTML est le langage essentiel que vous pouvez utiliser pour développer tout site Web, le CSS est utilisé pour la présentation des sites Web. C'est pourquoi ils sont considérés comme les langages de base pour construire un site Web.

Un développeur web utilise le langage HTML pour annoter le texte afin qu'une machine puisse le comprendre et le manipuler en conséquence.

Introduction au HTML

HTML est l'abréviation de HyperText Markup Language. L'hypertexte est défini comme le lien entre les pages web. Il s'agit d'un langage de balisage utilisé pour déterminer le document texte à l'intérieur d'une balise, représentant les styles et la structure d'une page Web.

Un développeur web utilise le langage HTML pour annoter du texte afin qu'une machine puisse comprendre le texte et le manipuler en conséquence. La plupart des langages de balisage sont lisibles par l'homme. Le langage HTML utilise des balises pour définir les manipulations à effectuer sur le lecteur. Le navigateur utilise le langage HTML pour manipuler du texte, des images et d'autres contenus dans le format requis. Tim Berners-Lee (le fondateur du W3C) a créé le HTML en 1991 - HTML 1.0 - tandis que la version standard que les développeurs web utilisent aujourd'hui a été publiée en 1999.

Il s'agit d'un langage dans lequel sont écrits la plupart des sites Web que nous utilisons. Les développeurs utilisent le HTML pour créer des pages web et les rendre fonctionnelles.

Balises de formatage HTML

Il existe de nombreuses balises utilisées pour formater et mettre en page le contenu d'une page Web. Les balises sont utilisées pour spécifier les liens hypertextes qui permettent aux développeurs web de diriger les utilisateurs vers d'autres sites en un clic de souris, que ce soit sur une image ou des mots.  

Comment fonctionne le HTML ?

Il fonctionne en indiquant au navigateur comment afficher une page Web. Les développeurs web utilisent un éditeur de texte de base sur l'ordinateur pour créer un document HTML, puis remplir le document HTML avec une série d'éléments HTML (tels que h1 color, head, etc.) et d'attributs HTML (tels que rel stylesheet, feuille de style, etc.) en utilisant des balises HTML.

Le langage HTML décrit l'apparence d'un document HTML destiné à être affiché par un navigateur web. Les documents sont constitués de balises décrivant l'aspect visuel d'une page Web ou fournissant une commande directive comme l'insertion d'images ou d'un lien vers une autre page Web dans une copie.

Les documents HTML sont enregistrés au format texte, et ils sont conçus pour être visualisés ou modifiés sur n'importe quel ordinateur. système d'exploitation qui peut se connecter à l'internet. 

Pourquoi utiliser le HTML ?

Développement de pages Web

Le langage HTML est largement utilisé pour créer des pages web qui s'affichent sur n'importe quel navigateur web. Chaque page du navigateur Web contient des balises HTML et des hyperliens qui peuvent se connecter à d'autres pages Web. Ainsi, chaque page que vous voyez sur le Web est écrite par des développeurs Web qui utilisent une version du code HTML, même celle-ci ! Il s'agit de la norme officielle d'affichage des pages Web.

Navigation sur Internet

C'est l'une des utilisations les plus importantes, voire révolutionnaires, du HTML. La navigation est possible en utilisant l'idée d'hypertexte. Il s'agit d'un texte qui fait référence à d'autres pages Web ou à d'autres textes. Lorsque les utilisateurs cliquent sur le lien, ils naviguent automatiquement vers le texte ou la page référencée. Certains affirment que le HTML est devenu si populaire dans le développement web grâce à ce concept. En substance, il est possible d'accéder à n'importe quel document sur le Web en utilisant un lien hypertexte. Ainsi, il est facile pour les utilisateurs de naviguer facilement dans les pages Web, les sites Web et les différents serveurs.

Stylisation HTML

Sans les styles, le site Internet serait un endroit incroyablement terne. Les éléments de style HTML permettent de styliser les pages Web. Par exemple, vous pouvez définir la famille de polices, la couleur et la taille du texte à l'aide des éléments de style HTML.

Applications Web hors ligne

De nos jours, il est possible d'accéder à des applications web tout en étant hors ligne. Le HTML permet aux utilisateurs d'opérer avec leurs données et utilise une fichier manifeste du cache pour déterminer les données à stocker en mode hors connexion. Les utilisateurs peuvent également générer des PDF à partir de HTML pour les utiliser hors ligne.

Convivialité

Contrairement aux autres langages de programmation, le HTML est convivial et facile à utiliser, même pour les débutants. Cela est dû au fait qu'il possède des éléments sémantiques qui décrivent le contenu qu'ils contiennent, comme l'en-tête, le pied de page, la partie principale, le résumé et l'heure, qui sont des balises HTML courantes et autodescriptives.

Exemples de HTML

Voici des exemples de langage HTML que vous pouvez utiliser pour créer une page Web de base. Essayez-les sur un éditeur de texte pour voir comment ils apparaissent sur votre navigateur web.

Vous devez placer cette balise HTML au début de chaque document HTML que vous créez.

Il s'agit d'une autre balise HTML qui indique au navigateur Web qu'il lit du HTML. Elle vient après la balise DOCTYPE et se termine par une balise à la fin du fichier HTML que vous créez. Le contenu que vous créez est placé entre ces balises.

D'autres exemples de HTML sont : , , , <h1>, et plus encore. Vous pouvez consulter la liste complète des balises HTML disponibles. <a href="https://www.w3schools.com/tags/tag_html.asp" rel="noreferrer noopener" target="_blank">ici</a>.</p><figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="576" src="https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-1024x576.jpg" alt="Pages Web comprenant un élément html et utilisant les CSS" class="wp-image-2177" srcset="https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-1024x576.jpg 1024w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-300x169.jpg 300w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-768x432.jpg 768w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-1536x864.jpg 1536w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-2048x1152.jpg 2048w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-16x9.jpg 16w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-1200x675.jpg 1200w, https://www.startupoasis.co/wp-content/uploads/2021/07/2-4-1980x1114.jpg 1980w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure><div class="wp-block-buttons is-content-justification-center"><div class="wp-block-button"><a class="wp-block-button__link" href="https://calendar.startechup.com/startechup" target="_blank" rel="noreferrer noopener">Commencez votre MVP dès aujourd'hui</a></div></div><blockquote class="wp-block-quote"><p><meta charset="utf-8">Les CSS sont un excellent moyen pour les développeurs web de préserver les couleurs, les textes et les polices de caractères souhaités dans les documents HTML.</p></blockquote><h2>Introduction à CSS : Feuilles de style en cascade</h2><p>Les CSS, ou feuilles de style en cascade, sont un moyen de plus en plus courant pour les développeurs Web de contrôler l'aspect et la convivialité des présentations de pages Web. Par exemple, une feuille de style permet aux développeurs web de spécifier la police, la couleur et la taille de l'ensemble d'un site web sans avoir à coder ces informations sur chaque page du site.</p><p>Les feuilles de style séparent l'aspect et la convivialité des documents HTML de la structure ou du contenu. C'est un excellent moyen pour les développeurs Web de préserver les couleurs, les textes et les polices de caractères souhaités dans les documents HTML. Cependant, un débutant en conception Web peut également tirer profit des sites conçus à l'aide du fichier CSS.</p><p>En outre, les développeurs Web peuvent choisir d'appliquer leurs différentes feuilles de style aux documents, en remplaçant les autres feuilles de style. Par exemple, un développeur Web débutant malvoyant pourrait modifier chaque site Web doté d'une feuille de style CSS pour afficher le texte en jaune sur un fond noir si ces couleurs lui permettent de lire le texte.</p><p>CSS est un langage de conception destiné à permettre aux pages HTML d'être plus présentables. CSS vous permet d'appliquer une feuille de style à votre page HTML. Le CSS est également facile à apprendre et offre un contrôle solide sur la présentation d'une page HTML.</p><h3>Alors, comment fonctionne le CSS ?</h3><p>CSS rend une page HTML plus présentable en interagissant avec les éléments HTML. Les éléments HTML sont les documents HTML individuels d'une page Web. Par exemple, un paragraphe en HTML peut ressembler à ceci :</p><p><p>Rédaction de contenu</p>.</p><p>Mais si vous voulez que ce paragraphe apparaisse en bleu et en gras pour les personnes qui consultent votre page Web sur Internet, vous devez utiliser un code CSS qui ressemble à ceci :</p><p>p { color : blue ; font-weight : bold ; }</p><p>Dans ce cas, "p" fait référence au "paragraphe", appelé sélecteur, qui fait partie du code CSS spécifiant l'élément HTML sur lequel le style CSS va agir. En CSS, le sélecteur est écrit à gauche de la première accolade "{. "</p><p>Les informations entre accolades sont une déclaration contenant les propriétés et les valeurs appliquées au sélecteur. Les propriétés sont, par exemple, la couleur, la taille de la police, les marges, etc., qui sont les paramètres de ces propriétés.</p><p>Ainsi, dans l'exemple présenté ci-dessus, la couleur et le poids de la police peuvent également être classés comme des propriétés, et "bleu" et "gras" sont considérés comme des valeurs.</p><h3>Pourquoi utiliser CSS ?</h3><p>CSS est un puissant langage de programmation de feuilles de style que vous pouvez utiliser pour contrôler l'apparence des informations écrites sur la page HTML. Cela signifie que si vous avez un élément de site Web - <h1> par exemple - et que vous voulez que la taille de la police du texte soit de "18px", la couleur "rouge". Le remplissage autour est de "8px", vous utiliseriez des feuilles de style en cascade (CSS) pour contrôler l'aspect de l'élément <h1> du site Web HTML. </p><h3>Les CSS offrent une efficacité dans la conception et les mises à jour</h3><p>Cette approche présente de nombreux avantages lorsque votre client exige des plages pour l'ensemble du site. Vous pouvez créer une règle CSS et l'appliquer à tout élément HTML du site. De plus, comme le contenu est complètement séparé de votre conception, vous pouvez apporter ces modifications dans votre feuille de style et le rendre plus présentable dans chaque cas applicable.</p><h3>Les CSS sont faciles à utiliser</h3><p>Lors de la création d'un site Web, vous pouvez séparer totalement toutes les parties visibles de votre site du contenu CSS. Le CSS vous permet de créer des mises en page et de résoudre rapidement les problèmes éventuels. En outre, quelle que soit la page Web, vous pouvez contrôler tous les éléments à partir d'une seule ou de plusieurs feuilles de style.</p><h3><strong>Il est utilisé pour la maintenance des sites web</strong></h3><p>Une autre raison pour laquelle les développeurs web utilisent CSS est que CSS joue un rôle essentiel lors de la maintenance des sites. Les CSS rendent un site beaucoup plus facile à naviguer, et les fichiers CSS rendent le site Web plus flexible et peuvent également être modifiés plus facilement. En outre, les fichiers CSS rendent le formatage HTML et la modification des éléments de données correspondants plus faciles à utiliser. Ainsi, avec CSS, la maintenance des sites Web devient plus pratique du point de vue du développement. </p><h3>Exemples de CSS</h3><h3>Code CSS pour un formatage facile des paragraphes</h3><p>Avec le code de style CSS, vous n'avez pas à spécifier un style à chaque fois que vous créez une page Web. Au lieu de cela, vous pouvez décider que tous les paragraphes doivent avoir un type particulier. Par exemple, supposons que vous souhaitiez que le paragraphe</p><p>-<p>, je suis développeur web - légèrement plus grand que d'habitude avec du texte rouge foncé au lieu de noir. Ce code CSS est :</p><p>p {taille de la police : 110% ; couleur : dimred;}.</p><p>Cependant, chaque fois que le navigateur Web rend un paragraphe, le texte hérite automatiquement de la taille (110% de la normale) et de la couleur ("dimred").</p><h3>Les CSS permettent de modifier facilement la couleur des liens</h3><p>La modification des styles ne se limite pas aux paragraphes. Quatre couleurs différentes peuvent être attribuées à un lien : couleur visitée, couleur survolée, couleur standard et couleur active.</p><p>Par exemple :</p><p>a:link {color : gray ; }</p><p>a visité {color : green ; }</p><p>a:active{color : teal ; }</p><p>a:hover {color : purple ; }.</p><p>Cependant, avec les liens, chaque "a" est suivi d'un deux-points et non d'un point. Cela signifie que ces déclarations changent la couleur d'un lien dans un contexte spécifique. Il n'est donc pas nécessaire de changer la classe d'un lien pour qu'il change de couleur.  </p><figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="683" src="https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-1024x683.jpg" alt="Les éléments de couleur h1 peuvent aider le langage de balisage" class="wp-image-2178" srcset="https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-1024x683.jpg 1024w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-300x200.jpg 300w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-768x512.jpg 768w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-1536x1024.jpg 1536w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-2048x1365.jpg 2048w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-16x12.jpg 16w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-1200x800.jpg 1200w, https://www.startupoasis.co/wp-content/uploads/2021/07/3-4-1980x1320.jpg 1980w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure><h2>Le Consortium World Wide Web</h2><p>Le W3C (<a href="http://www.w3.org/" target="_blank" rel="noreferrer noopener">Consortium World Wide Web</a>) est une société internationale de normalisation qui travaille ensemble à la croissance à long terme du Web. Pour ce faire, elle élabore des principes et des protocoles qui permettent de concrétiser la vision du W3C, à savoir que le Web est destiné à tous, et de favoriser la participation et le partage des connaissances entre les professionnels du monde entier. </p><p>Le W3C a été fondé en 1994, et Tim Berners-Lee le dirige actuellement. Le W3C est composé d'entreprises qui disposent d'un personnel à plein temps travaillant ensemble pour développer des normes pour le Web.</p><p>Selon <a href="http://www.w3.org/" rel="noreferrer noopener" target="_blank">www.w3.org</a>En date du 21 juillet 2021, le W3C compte 444 membres.</p><p>En outre, le W3C s'engage également dans l'éducation et la sensibilisation, développe des logiciels et sert de forum communautaire pour discuter de tout ce qui concerne le Web.</p><blockquote class="wp-block-quote"><p><meta charset="utf-8">Les langages HTML et CSS sont les principaux langages de codage du développement web. Ils constituent la base pour faire passer vos compétences techniques au niveau supérieur.</p></blockquote><h2>Quels sont les rapports entre HTML et CSS ?</h2><p>Pour apprendre les bases du développement web, vous devez maîtriser le HTML et le CSS. Le HTML est la base du contenu web, c'est-à-dire les informations du développeur web sur la page HTML que les utilisateurs voient et avec lesquelles ils interagissent sur les navigateurs web, notamment le texte, les images, les vidéos, etc.</p><p>Un style CSS est une performance tout comme le côté client du Web, que les utilisateurs peuvent voir et avec lequel ils peuvent interagir.</p><p>Par exemple, le texte, la taille de la police, l'image et la couleur de fond sont utilisés pour modifier l'apparence du contenu, ce que l'on appelle les représentations.</p><p>HTML et CSS sont deux éléments essentiels <a href="https://www.startupoasis.co/fr/blog/learn/" target="_blank" rel="noreferrer noopener">langages de programmation</a> dans la création d'une page web.</p><p>Un fichier HTML contient la structure de la page Web, tandis qu'un fichier CSS contient le style des pages Web, notamment les couleurs, la mise en page, les polices, etc.</p><h3>Sont-ils encore pertinents aujourd'hui ?</h3><p>Bien sûr, oui, ils sont toujours d'actualité dans l'industrie technologique. Même les développeurs web les utilisent comme base de la conception web. Il s'agit de règles permettant de styliser et de structurer le contenu d'une page Web. Elles sont utilisées pour ajouter une structure significative au contenu Web et éliminer les balises indésirables sur la page HTML. </p><h2>Dois-je apprendre le HTML et le CSS ?</h2><p>En tant que développeur web inexpérimenté, la meilleure façon de commencer est de s'équiper de compétences de base en HTML et CSS. Ces deux langages de programmation sont pertinents pour un débutant en développement web et sont également utilisés dans d'autres contextes professionnels. En fait, une connaissance de base de ces deux langages de programmation pourrait être un atout majeur pour votre carrière. Voici les raisons pour lesquelles vous devez apprendre les langages de programmation HTML et CSS.</p><h3>Ils facilitent l'apprentissage rapide d'autres langues</h3><p>La compréhension des langages de programmation fondamentaux vous permettra d'appréhender plus facilement d'autres langages de programmation, notamment <a href="https://www.startupoasis.co/fr/blog/what-is-javascript-used-for/" target="_blank" rel="noreferrer noopener">JavaScript</a>, <a href="https://www.startupoasis.co/fr/blog/what-is-python-used-for/" target="_blank" rel="noreferrer noopener">Python</a>PHP, SQL, etc. En outre, la meilleure façon de devenir plus sérieux dans le développement web est de connaître les langages de programmation de base, l'ajout de langages de codage supplémentaires à votre ensemble de compétences vous arme d'avantages techniques et d'expertise.</p><h3>Applications dans tous les secteurs</h3><p>Le fait de pouvoir créer des sites ou d'avoir des connaissances sur l'utilisation de ces deux langages de codage peut vous aider à créer et à développer des sites optimisés et conviviaux sans avoir à vous battre pour obtenir de meilleurs résultats. HTML et CSS peuvent également être utilisés dans d'autres secteurs tels que <a href="https://www.startupoasis.co/fr/blog/marketing-for-startups-the-definitive-guide/" target="_blank" rel="noreferrer noopener">marketing</a> et de la publicité. Par exemple, en tant que spécialiste du marketing numérique, comprendre comment une page web est construite vous permet de concevoir et de développer davantage de campagnes de marketing.</p><h2>Mot de la fin</h2><p>HTML et CSS sont des langages de programmation fondamentaux qui sont utilisés pour la création de pages Web attrayantes. Après avoir comparé les deux langages sur leurs différentes utilisations et leur fonctionnement, on constate que les deux langages de codage sont essentiels pour créer des pages Web attrayantes.</p><p>Vous souhaitez peut-être vous aventurer dans le secteur passionnant du développement web, ou vous êtes un développeur web inexpérimenté qui cherche à améliorer sa carrière. C'est le meilleur moment pour faire un pas de plus vers la réalisation de vos objectifs.</p><p>Les langages HTML et CSS sont les principaux langages de codage du développement web. Ils constituent la base pour faire passer vos compétences techniques au niveau supérieur.</p><div class="wp-block-buttons is-content-justification-center"><div class="wp-block-button"><a class="wp-block-button__link" href="https://calendar.startechup.com/startechup" target="_blank" rel="noreferrer noopener">Découvrez nos services</a></div></div><figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="692" src="https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-1024x692.jpg" alt="Une feuille de style CSS " class="wp-image-2179" srcset="https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-1024x692.jpg 1024w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-300x203.jpg 300w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-768x519.jpg 768w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-1536x1038.jpg 1536w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-2048x1385.jpg 2048w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-16x12.jpg 16w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-1200x811.jpg 1200w, https://www.startupoasis.co/wp-content/uploads/2021/07/4-4-1980x1339.jpg 1980w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure><div class="at-below-post addthis_tool" data-url="https://www.startupoasis.co/fr/blog/html-css/"></div><div class="at-below-post-recommended addthis_tool" ></div></div><div class="post-meta-wrapper post-meta-single post-meta-single-bottom"><ul class="post-meta"><li class="post-tags meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Étiquettes</span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18"><path fill="" d="M15.4496399,8.42490555 L8.66109799,1.63636364 L1.63636364,1.63636364 L1.63636364,8.66081885 L8.42522727,15.44178 C8.57869221,15.5954158 8.78693789,15.6817418 9.00409091,15.6817418 C9.22124393,15.6817418 9.42948961,15.5954158 9.58327627,15.4414581 L15.4486339,9.57610048 C15.7651495,9.25692435 15.7649133,8.74206554 15.4496399,8.42490555 Z M16.6084423,10.7304545 L10.7406818,16.59822 C10.280287,17.0591273 9.65554997,17.3181054 9.00409091,17.3181054 C8.35263185,17.3181054 7.72789481,17.0591273 7.26815877,16.5988788 L0.239976954,9.57887876 C0.0863319284,9.4254126 0,9.21716044 0,9 L0,0.818181818 C0,0.366312477 0.366312477,0 0.818181818,0 L9,0 C9.21699531,0 9.42510306,0.0862010512 9.57854191,0.239639906 L16.6084423,7.26954545 C17.5601275,8.22691012 17.5601275,9.77308988 16.6084423,10.7304545 Z M5,6 C4.44771525,6 4,5.55228475 4,5 C4,4.44771525 4.44771525,4 5,4 C5.55228475,4 6,4.44771525 6,5 C6,5.55228475 5.55228475,6 5,6 Z" /></svg> </span> <span class="meta-text"> <a href="https://www.startupoasis.co/fr/blog/tag/cascading-style-sheets/" rel="tag">les feuilles de style en cascade</a>, <a href="https://www.startupoasis.co/fr/blog/tag/development/" rel="tag">développement</a>, <a href="https://www.startupoasis.co/fr/blog/tag/font/" rel="tag">police</a>, <a href="https://www.startupoasis.co/fr/blog/tag/html-css/" rel="tag">html css</a>, <a href="https://www.startupoasis.co/fr/blog/tag/html-documents/" rel="tag">documents html</a>, <a href="https://www.startupoasis.co/fr/blog/tag/html-element/" rel="tag">élément html</a>, <a href="https://www.startupoasis.co/fr/blog/tag/language/" rel="tag">langue</a>, <a href="https://www.startupoasis.co/fr/blog/tag/media/" rel="tag">médias</a>, <a href="https://www.startupoasis.co/fr/blog/tag/properties/" rel="tag">propriétés</a>, <a href="https://www.startupoasis.co/fr/blog/tag/structure/" rel="tag">structure</a>, <a href="https://www.startupoasis.co/fr/blog/tag/using-css/" rel="tag">utilisation de css</a>, <a href="https://www.startupoasis.co/fr/blog/tag/w3c/" rel="tag">w3c</a>, <a href="https://www.startupoasis.co/fr/blog/tag/web-page/" rel="tag">page web</a>, <a href="https://www.startupoasis.co/fr/blog/tag/world-wide-web-consortium/" rel="tag">consortium world wide web</a>, <a href="https://www.startupoasis.co/fr/blog/tag/xml/" rel="tag">xml</a> </span></li></ul></div></div><nav class="pagination-single section-inner" aria-label="Article" role="navigation" data-no-translation-aria-label=""><hr class="styled-separator is-style-wide" aria-hidden="true" /><div class="pagination-single-inner"> <a class="previous-post" href="https://www.startupoasis.co/fr/blog/social-entrepreneurs/"> <span class="arrow" aria-hidden="true">←</span> <span class="title"><span class="title-inner">Entrepreneurs sociaux : Ce qu'ils sont et comment vous pouvez en devenir un</span></span> </a> <a class="next-post" href="https://www.startupoasis.co/fr/blog/hire-a-saas-developer/"> <span class="arrow" aria-hidden="true">→</span> <span class="title"><span class="title-inner">10 raisons pour lesquelles vous devriez engager un développeur SaaS</span></span> </a></div><hr class="styled-separator is-style-wide" aria-hidden="true" /></nav><div class="comments-wrapper section-inner"><div id="respond" class="comment-respond"><h2 id="reply-title" class="comment-reply-title">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/fr/blog/html-css/#respond" style="display:none;" data-no-translation="" data-trp-gettext="">Annuler la réponse</a></small></h2><form action="https://www.startupoasis.co/wp-comments-post.php" method="post" id="commentform" class="section-inner thin max-percentage" novalidate data-trp-original-action="https://www.startupoasis.co/wp-comments-post.php"><p class="comment-notes"><span id="email-notes" data-no-translation="" data-trp-gettext="">Votre adresse de messagerie ne sera pas publiée.</span> Les champs obligatoires sont indiqués avec <span class="required">*</span></p><p class="comment-form-comment"><label for="comment" data-no-translation="" data-trp-gettext="">Commentaire</label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Nom <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' /></p><p class="comment-form-email"><label for="email">Adresse de messagerie <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p><p class="comment-form-url"><label for="url" data-no-translation="" data-trp-gettext="">Site web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent" data-no-translation="" data-trp-gettext="">Enregistrer mon nom, mon e-mail et mon site dans le navigateur pour mon prochain commentaire.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Laisser un commentaire" data-no-translation-value="" /> <input type='hidden' name='comment_post_ID' value='2174' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p><input type="hidden" name="trp-form-language" value="fr"/></form></div></div></article></div><div class="share__section entry-content mt-3"><div class="row"><div class="col-md-12 center-addthis"><div class="addthis_inline_follow_toolbox"></div></div></div></div><div class="author__section entry-content mt-4"><div class="row pt-5" style="border-top: 2px solid #d2d1d8;"><div class="col-md-12 mb-3" style="display:flex; justify-content: center;"><h2 class="pb-1 mb-1">A propos de l'auteur : <span class="text__blue">Joe <span class="lastname-uppercase">Soie</span> - </span></h2></div><div class="author-image col-md-2"> <img alt='' src='https://secure.gravatar.com/avatar/cb84b6a60dd3692302c82cc25d154c1c?s=97&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/cb84b6a60dd3692302c82cc25d154c1c?s=194&d=mm&r=g 2x' class='avatar avatar-97 photo' height='97' width='97' loading='lazy'/></div><div class="col-md-10"><p class="bio"> Joseph est un consultant en création d'entreprise, un rédacteur publicitaire et un propriétaire d'entreprise avec 9 ans de PQE. Il est extrêmement centré sur le client, capable de travailler sur un large éventail de sujets et de fournir des normes de haute qualité sur des projets de toutes tailles pour des clients du monde entier.<a href="https://www.linkedin.com/in/joseph-silk/" target="_blank" style="text-decoration: none;"><span class="text__green"> Vue sur Linkedin</span></a></p></div></div></div></div><div class="col-md-3 sticky-sidebar"><div class="row mx-auto" style="margin: 0 15px 0px 15px !important;"><div class="col-md-12 contact-form-section"><div class="newsletter-form-section"><h2>Abonnez-vous à notre bulletin d'information</h2><div role="form" class="wpcf7" id="wpcf7-f1468-o4" lang="en-US" dir="ltr"><div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p><ul></ul></div><form action="/fr/blog/html-css/#wpcf7-f1468-o4" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init" data-trp-original-action="/fr/blog/html-css/#wpcf7-f1468-o4"><div style="display: none;"> <input type="hidden" name="_wpcf7" value="1468" /> <input type="hidden" name="_wpcf7_version" value="5.4.2" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1468-o4" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /></div><p><span id="wpcf7-61457043ed6b2-wrapper" class="wpcf7-form-control-wrap honeypot-411-wrap" ><label for="wpcf7-61457043ed6b2-field" class="hp-message" data-no-translation="" data-trp-gettext="">Veuillez laisser ce champ vide.</label><input id="wpcf7-61457043ed6b2-field" class="wpcf7-form-control wpcf7-text" type="text" name="honeypot-411" value="" size="40" tabindex="-1" autocomplete="new-password" /></span></p> <input type="hidden" name="firstname" value="newsletter" class="wpcf7-form-control wpcf7-hidden" /> <input type="hidden" name="lastname" value="signup" class="wpcf7-form-control wpcf7-hidden" /><p><span class="wpcf7-form-control-wrap email"><input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Entrez votre adresse électronique" /></span><br /> <input type="submit" value="Inscrivez-moi" class="wpcf7-form-control wpcf7-submit wrap-submit" /></p> <input type='hidden' class='wpcf7-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /><div class="wpcf7-response-output" aria-hidden="true"></div><input type="hidden" name="trp-form-language" value="fr"/></form></div></div></div></div></div></div></div><div class="container section__moreproject"><h2 class="text-left"> PLUS D'INFOS</h2><div class="row"><div class="col-md-4 mb-5 pr-2"><div class="project__bannerwithtype" style="width: 100%;"> <a href="https://www.startupoasis.co/fr/blog/social-entrepreneurs/" > <img width="1200" height="800" src="https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-1200x800.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Des entreprises comme la fondation Schwab pour le changement social sont impliquées dans l'entrepreneuriat social." loading="lazy" srcset="https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-1200x800.jpg 1200w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-300x200.jpg 300w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-1024x683.jpg 1024w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-768x512.jpg 768w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-1536x1024.jpg 1536w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-2048x1365.jpg 2048w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-16x12.jpg 16w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2-1980x1320.jpg 1980w" sizes="(max-width: 1200px) 100vw, 1200px" /> </a><div class="project__cattype" style="margin-top: -29px;"><p class="text-left"><span class="text-light text-uppercase bg_green p-2" style="font-size: 10px"> Entrepreneuriat </span></p></div></div><p class="mb-3 mt-0 pb-3"><a href="https://www.startupoasis.co/fr/blog/social-entrepreneurs/" class="text__blue" style="font-size: 15px;"> Entrepreneurs sociaux : Ce qu'ils sont et comment vous pouvez en devenir un</p></a> <small><a href="https://www.startupoasis.co/fr/blog/social-entrepreneurs/" class="text__blue text-uppercase" style="border-right: 1px solid #463C6E; padding-right: 25px;">26 juillet 2021</a> <a href="https://www.startupoasis.co/fr/blog/social-entrepreneurs/" class="text__blue pl-4">13 minutes de lecture</a> </small></div><div class="col-md-4 mb-5 pr-2"><div class="project__bannerwithtype" style="width: 100%;"> <a href="https://www.startupoasis.co/fr/blog/what-is-python-used-for/" > <img width="1200" height="801" src="https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-1200x801.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Python peut être utilisé lors de la construction d'une application web sur des réseaux à source ouverte" loading="lazy" srcset="https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-1200x801.jpg 1200w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-300x200.jpg 300w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-1024x684.jpg 1024w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-768x513.jpg 768w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-1536x1025.jpg 1536w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-2048x1367.jpg 2048w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-16x12.jpg 16w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1-1980x1322.jpg 1980w" sizes="(max-width: 1200px) 100vw, 1200px" /> </a><div class="project__cattype" style="margin-top: -29px;"><p class="text-left"><span class="text-light text-uppercase bg_green p-2" style="font-size: 10px"> Apprendre </span></p></div></div><p class="mb-3 mt-0 pb-3"><a href="https://www.startupoasis.co/fr/blog/what-is-python-used-for/" class="text__blue" style="font-size: 15px;"> À quoi sert Python ?</p></a> <small><a href="https://www.startupoasis.co/fr/blog/what-is-python-used-for/" class="text__blue text-uppercase" style="border-right: 1px solid #463C6E; padding-right: 25px;">15 juillet 2021</a> <a href="https://www.startupoasis.co/fr/blog/what-is-python-used-for/" class="text__blue pl-4">12 minutes de lecture</a> </small></div><div class="col-md-4 mb-5 pr-2"><div class="project__bannerwithtype" style="width: 100%;"> <a href="https://www.startupoasis.co/fr/blog/what-is-javascript-used-for/" > <img width="1200" height="800" src="https://www.startupoasis.co/wp-content/uploads/2021/07/1-1200x800.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Navigateurs web et applications mobiles utilisant JavaScript" loading="lazy" srcset="https://www.startupoasis.co/wp-content/uploads/2021/07/1-1200x800.jpg 1200w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-300x200.jpg 300w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1024x683.jpg 1024w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-768x512.jpg 768w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1536x1025.jpg 1536w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-2048x1366.jpg 2048w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-16x12.jpg 16w, https://www.startupoasis.co/wp-content/uploads/2021/07/1-1980x1321.jpg 1980w" sizes="(max-width: 1200px) 100vw, 1200px" /> </a><div class="project__cattype" style="margin-top: -29px;"><p class="text-left"><span class="text-light text-uppercase bg_green p-2" style="font-size: 10px"> Apprendre </span></p></div></div><p class="mb-3 mt-0 pb-3"><a href="https://www.startupoasis.co/fr/blog/what-is-javascript-used-for/" class="text__blue" style="font-size: 15px;"> À quoi sert JavaScript ?</p></a> <small><a href="https://www.startupoasis.co/fr/blog/what-is-javascript-used-for/" class="text__blue text-uppercase" style="border-right: 1px solid #463C6E; padding-right: 25px;">13 juillet 2021</a> <a href="https://www.startupoasis.co/fr/blog/what-is-javascript-used-for/" class="text__blue pl-4">12 minutes de lecture</a> </small></div></div></div></main><div class="footer-nav-widgets-wrapper header-footer-group"><div class="row footer-inner section-inner"><div class="fotcol startechup"> <a href="https://www.startupoasis.co/fr/who-we-are/"><h5>Startup Oasis</h5> </a><div id="parent-29" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/who-we-are/team-and-client-reviews/" title="Examens de l'équipe et des clients">Examens de l'équipe et des clients</a></p></div><div id="parent-415" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/who-we-are/meet-our-team/" title="Rencontrez notre équipe">Rencontrez notre équipe</a></p></div><div id="parent-475" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/who-we-are/jobs/" title="Emplois">Emplois</a></p></div></div><div class="fotcol learn"><h5>En savoir plus</h5> <a href="https://www.startupoasis.co/fr/how-it-works/"><p>Processus de démarrage de MVP</p> </a> <a href="https://www.startupoasis.co/fr/amazing-philippines/"><p>Les Philippines étonnantes</p> </a></div><div class="fotcol technologies"> <a href="https://www.startupoasis.co/fr/technologies/"><h5>Technologies</h5> </a><div id="parent-42" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/laravel-php/" title="Laravel / PHP">Laravel / PHP</a></p></div><div id="parent-44" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/angularjs-javascript/" title="AngularJS / Javascript">AngularJS / Javascript</a></p></div><div id="parent-46" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/django-python/" title="Django / Python">Django / Python</a></p></div><div id="parent-147" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/nodejs-javascript/" title="NodeJS / Javascript">NodeJS / Javascript</a></p></div><div id="parent-149" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/vuejs-javascript/" title="VueJS / Javascript">VueJS / Javascript</a></p></div><div id="parent-151" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/reactjs-javascript/" title="ReactJS / Javascript">ReactJS / Javascript</a></p></div><div id="parent-161" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/server-aws/" title="Serveur / AWS">Serveur / AWS</a></p></div><div id="parent-163" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/technologies/server-google-cloud-platform/" title="Serveur / Plateforme Google Cloud">Serveur / Plateforme Google Cloud</a></p></div></div><div class="fotcol blogs-resources"> <a href="https://www.startupoasis.co/fr/blog/"><h5>Blog et ressources</h5> </a><div id="parent-990" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/blog/got-a-mobile-software-or-web-app-in-mind-lets-turn-that-idea-into-reality/" title="Vous avez une application mobile, logicielle ou web en tête ? Transformons cette idée en réalité.">Vous avez une application mobile, logicielle ou web en tête ? Transformons cette idée en réalité.</a></p></div><div id="parent-1475" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/blog/minimum-viable-product-development-services-are-key/" title="Les services minimums de développement de produits viables sont essentiels">Les services minimums de développement de produits viables sont essentiels</a></p></div><div id="parent-1765" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/blog/14-questions-to-answer-before-you-start-a-tech-startup/" title="14 questions à résoudre avant de créer une start-up technologique">14 questions à résoudre avant de créer une start-up technologique</a></p></div><div id="parent-1776" class="parent-page"><p class="mb-1"><a href="https://www.startupoasis.co/fr/blog/10-nft-startup-projects-to-watch-in-2021/" title="10 projets de start-ups NFT à suivre en 2021">10 projets de start-ups NFT à suivre en 2021</a></p></div></div><div class="fotcol newsletter"><h5>Bulletin d'information</h5><p class="mb-2">Pas de spam, pas de charabia. <br>Juste quelques nouvelles de nous parfois.</p><div class="row newsletter-footer-section" style="position: relative; margin: auto;"><div clas="col-md-12"><div role="form" class="wpcf7" id="wpcf7-f1524-o5" lang="en-US" dir="ltr"><div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p><ul></ul></div><form action="/fr/blog/html-css/#wpcf7-f1524-o5" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init" data-trp-original-action="/fr/blog/html-css/#wpcf7-f1524-o5"><div style="display: none;"> <input type="hidden" name="_wpcf7" value="1524" /> <input type="hidden" name="_wpcf7_version" value="5.4.2" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1524-o5" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /></div><p><span id="wpcf7-6145704401595-wrapper" class="wpcf7-form-control-wrap honeypot-111-wrap" ><label for="wpcf7-6145704401595-field" class="hp-message" data-no-translation="" data-trp-gettext="">Veuillez laisser ce champ vide.</label><input id="wpcf7-6145704401595-field" class="wpcf7-form-control wpcf7-text" type="text" name="honeypot-111" value="" size="40" tabindex="-1" autocomplete="new-password" /></span><br /> <span class="wpcf7-form-control-wrap email"><input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Entrez votre adresse électronique" /></span><br /> <input type="submit" value="" class="wpcf7-form-control wpcf7-submit" /></p> <input type='hidden' class='wpcf7-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /><div class="wpcf7-response-output" aria-hidden="true"></div><input type="hidden" name="trp-form-language" value="fr"/></form></div></div></div></div><div class="fotcol contact"> <a href="https://www.startupoasis.co/fr/contact-us/"><h5>Contact</h5> </a><p>Trouvez-nous !</p><div class="row" style="margin: unset;"> <a href="https://www.facebook.com/startupoasislab/" target="_blank" aria-label="Lien vers Facebook"> <i class="fab fa-facebook-square"></i> </a> <a href="https://twitter.com/startupoasislab" target="_blank" aria-label="Lien vers Twitter"> <i class="fab fa-twitter-square"></i> </a> <a href="https://www.linkedin.com/company/startup-oasis-lab" target="_blank" aria-label="Lien vers LinkedIn"> <i class="fab fa-linkedin"></i> </a></div></div></div></div> <!DOCTYPE html><head> <script type="text/javascript" src="https://chat-application.com/embed/index.php?tracker_id=37785123"></script> </head><footer id="site-footer" role="contentinfo" class="header-footer-group"><div class="row text-center divcon section-inner"><div class="footer-copyright-text"> © 2013-2020 Startup Oasis. Tous droits réservés.</div><div class="mentions-legales"> <a href="https://www.startupoasis.co/fr/legal-notice/"> Avis juridique </a></div><div class="politics-confi"> <a href="https://www.startupoasis.co/fr/privacy-policy/"> Politique de confidentialité </a></div><div class="master-services"> Accord-cadre de services</div></div></footer><div id="pum-1540" class="pum pum-overlay pum-theme-853 pum-theme-enterprise-blue popmake-overlay click_open" data-popmake="{"id":1540,"slug":"newsletter-subscribe-popup","theme_id":853,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie_name":null}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"tiny","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"","button_delay":"0","overlay_click":false,"esc_press":false,"f4_press":false},"click_open":[]}}" role="dialog" aria-hidden="true" ><div id="popmake-1540" class="pum-container popmake theme-853 pum-responsive pum-responsive-tiny responsive size-tiny"><div class="pum-content popmake-content" tabindex="0"><div role="form" class="wpcf7" id="wpcf7-f1468-o1" lang="en-US" dir="ltr"><div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p><ul></ul></div><form action="/fr/blog/html-css/#wpcf7-f1468-o1" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init" data-trp-original-action="/fr/blog/html-css/#wpcf7-f1468-o1"><div style="display: none;"> <input type="hidden" name="_wpcf7" value="1468" /> <input type="hidden" name="_wpcf7_version" value="5.4.2" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1468-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /></div><p><span id="wpcf7-61457043d62b8-wrapper" class="wpcf7-form-control-wrap honeypot-411-wrap" ><label for="wpcf7-61457043d62b8-field" class="hp-message">Veuillez laisser ce champ vide.</label><input id="wpcf7-61457043d62b8-field" class="wpcf7-form-control wpcf7-text" type="text" name="honeypot-411" value="" size="40" tabindex="-1" autocomplete="new-password" /></span></p> <input type="hidden" name="firstname" value="newsletter" class="wpcf7-form-control wpcf7-hidden" /> <input type="hidden" name="lastname" value="signup" class="wpcf7-form-control wpcf7-hidden" /><p><span class="wpcf7-form-control-wrap email"><input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Entrez votre adresse électronique" /></span><br /> <input type="submit" value="Inscrivez-moi" class="wpcf7-form-control wpcf7-submit wrap-submit" /></p> <input type='hidden' class='wpcf7-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /><div class="wpcf7-response-output" aria-hidden="true"></div><input type="hidden" name="trp-form-language" value="fr"/></form></div></div> <button type="button" class="pum-close popmake-close" aria-label="Fermer" data-no-translation-aria-label=""> × </button></div></div><div id="pum-1485" class="pum pum-overlay pum-theme-853 pum-theme-enterprise-blue popmake-overlay click_open" data-popmake="{"id":1485,"slug":"project-form-popup","theme_id":853,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie_name":null}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"medium","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center top","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"","button_delay":"0","overlay_click":false,"esc_press":false,"f4_press":false},"click_open":[]}}" role="dialog" aria-hidden="true" ><div id="popmake-1485" class="pum-container popmake theme-853 pum-responsive pum-responsive-medium responsive size-medium"><div class="pum-content popmake-content" tabindex="0"><div role="form" class="wpcf7" id="wpcf7-f1484-o2" lang="en-US" dir="ltr"><div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p><ul></ul></div><form action="/fr/blog/html-css/#wpcf7-f1484-o2" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init" data-trp-original-action="/fr/blog/html-css/#wpcf7-f1484-o2"><div style="display: none;"> <input type="hidden" name="_wpcf7" value="1484" /> <input type="hidden" name="_wpcf7_version" value="5.4.2" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1484-o2" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /></div><p><span id="wpcf7-61457043d6c43-wrapper" class="wpcf7-form-control-wrap honeypot-437-wrap" ><label for="wpcf7-61457043d6c43-field" class="hp-message">Veuillez laisser ce champ vide.</label><input id="wpcf7-61457043d6c43-field" class="wpcf7-form-control wpcf7-text" type="text" name="honeypot-437" value="" size="40" tabindex="-1" autocomplete="new-password" /></span><br /> <span class="wpcf7-form-control-wrap first-name"><input type="text" name="first-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Prénom *" /></span></p><p><span class="wpcf7-form-control-wrap last-name"><input type="text" name="last-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Nom de famille *" /></span></p><p><span class="wpcf7-form-control-wrap company"><input type="text" name="company" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Société" /></span></p><p><span class="wpcf7-form-control-wrap email"><input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Courriel" /></span></p><p><span class="wpcf7-form-control-wrap message"><textarea name="message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Message"></textarea></span></p><p><span id="wpcf7-61457043d6dbb-wrapper" class="wpcf7-form-control-wrap subscribe-437-wrap" style="display:none !important; visibility:hidden !important;"><label for="wpcf7-61457043d6dbb-field" class="hp-message">Veuillez laisser ce champ vide.</label><input id="wpcf7-61457043d6dbb-field" class="wpcf7-form-control wpcf7-text" type="text" name="subscribe-437" value="" size="40" tabindex="-1" autocomplete="new-password" /></span><br /> <input type="submit" value="Envoyer" class="wpcf7-form-control wpcf7-submit" /></p> <input type='hidden' class='wpcf7-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /><div class="wpcf7-response-output" aria-hidden="true"></div><input type="hidden" name="trp-form-language" value="fr"/></form></div></div> <button type="button" class="pum-close popmake-close" aria-label="Fermer" data-no-translation-aria-label=""> × </button></div></div><div id="pum-1618" class="pum pum-overlay pum-theme-853 pum-theme-enterprise-blue popmake-overlay click_open" data-popmake="{"id":1618,"slug":"client-inquiry-contact-form-popup","theme_id":853,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie_name":null}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"small","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center top","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"","button_delay":"0","overlay_click":false,"esc_press":false,"f4_press":false},"click_open":[]}}" role="dialog" aria-hidden="true" ><div id="popmake-1618" class="pum-container popmake theme-853 pum-responsive pum-responsive-small responsive size-small"><div class="pum-content popmake-content" tabindex="0"><div role="form" class="wpcf7" id="wpcf7-f1620-o3" lang="en-US" dir="ltr"><div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p><ul></ul></div><form action="/fr/blog/html-css/#wpcf7-f1620-o3" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init" data-trp-original-action="/fr/blog/html-css/#wpcf7-f1620-o3"><div style="display: none;"> <input type="hidden" name="_wpcf7" value="1620" /> <input type="hidden" name="_wpcf7_version" value="5.4.2" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1620-o3" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /></div><p><span id="wpcf7-61457043d74de-wrapper" class="wpcf7-form-control-wrap honeypot-921-wrap" ><label for="wpcf7-61457043d74de-field" class="hp-message">Veuillez laisser ce champ vide.</label><input id="wpcf7-61457043d74de-field" class="wpcf7-form-control wpcf7-text" type="text" name="honeypot-921" value="" size="40" tabindex="-1" autocomplete="new-password" /></span><br /> <span class="wpcf7-form-control-wrap first-name"><input type="text" name="first-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Prénom *" /></span></p><p><span class="wpcf7-form-control-wrap last-name"><input type="text" name="last-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Nom de famille *" /></span></p><p><span class="wpcf7-form-control-wrap email"><input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Courriel" /></span></p><p><span class="wpcf7-form-control-wrap privacy-policy"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required"><span class="wpcf7-list-item first last"><input type="checkbox" name="privacy-policy[]" value="I read and accept Startechup's T&C and Privacy Policy" /><span class="wpcf7-list-item-label">J'ai lu et j'accepte les conditions générales et la politique de confidentialité de Startechup&#039</span></span></span></span><br /> <span id="wpcf7-61457043d7621-wrapper" class="wpcf7-form-control-wrap subscription-921-wrap" style="display:none !important; visibility:hidden !important;"><label for="wpcf7-61457043d7621-field" class="hp-message">Veuillez laisser ce champ vide.</label><input id="wpcf7-61457043d7621-field" class="wpcf7-form-control wpcf7-text" type="text" name="subscription-921" value="" size="40" tabindex="-1" autocomplete="new-password" /></span></p><p><input type="submit" value="ENVOYEZ-NOUS UN COURRIEL" class="wpcf7-form-control wpcf7-submit" /></p> <input type='hidden' class='wpcf7-pum' value='{"closepopup":false,"closedelay":0,"openpopup":false,"openpopup_id":0}' /><div class="wpcf7-response-output" aria-hidden="true"></div><input type="hidden" name="trp-form-language" value="fr"/></form></div></div> <button type="button" class="pum-close popmake-close" aria-label="Fermer" data-no-translation-aria-label=""> × </button></div></div> <script id='trp-dynamic-translator-js-extra'>var trp_data = {"trp_custom_ajax_url":"https:\/\/www.startupoasis.co\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/www.startupoasis.co\/wp-admin\/admin-ajax.php","trp_language_to_query":"fr_FR","trp_original_language":"en_US","trp_current_language":"fr_FR","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"cbe7980eda","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]};</script> <script id='contact-form-7-js-extra'>var wpcf7 = {"api":{"root":"https:\/\/www.startupoasis.co\/fr\/wp-json\/","namespace":"contact-form-7\/v1"}}; var wpcf7 = {"api":{"root":"https:\/\/www.startupoasis.co\/fr\/wp-json\/","namespace":"contact-form-7\/v1"}}; var wpcf7 = {"api":{"root":"https:\/\/www.startupoasis.co\/fr\/wp-json\/","namespace":"contact-form-7\/v1"}}; var wpcf7 = {"api":{"root":"https:\/\/www.startupoasis.co\/fr\/wp-json\/","namespace":"contact-form-7\/v1"}};</script> <script id='popup-maker-site-js-extra'>var pum_vars = {"version":"1.16.2","pm_dir_url":"https:\/\/www.startupoasis.co\/wp-content\/plugins\/popup-maker\/","ajaxurl":"https:\/\/www.startupoasis.co\/wp-admin\/admin-ajax.php","restapi":"https:\/\/www.startupoasis.co\/fr\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"851","debug_mode":"","disable_tracking":"","home_url":"\/fr\/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"analytics_route":"analytics","analytics_api":"https:\/\/www.startupoasis.co\/fr\/wp-json\/pum\/v1"}; var pum_sub_vars = {"ajaxurl":"https:\/\/www.startupoasis.co\/wp-admin\/admin-ajax.php","message_position":"top"}; var pum_popups = {"pum-1540":{"triggers":[],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":false,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"853","size":"tiny","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"640px","custom_height_auto":false,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center","position_top":"100","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":true,"close_on_form_submission_delay":"3500","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"enterprise-blue","id":1540,"slug":"newsletter-subscribe-popup"},"pum-1485":{"triggers":[],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":false,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"853","size":"medium","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"640px","custom_height_auto":false,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"100","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"enterprise-blue","id":1485,"slug":"project-form-popup"},"pum-1618":{"triggers":[],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":false,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"853","size":"small","responsive_min_width":"0%","responsive_max_width":"100%","custom_width":"640px","custom_height_auto":false,"custom_height":"380px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center top","position_top":"100","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"enterprise-blue","id":1618,"slug":"client-inquiry-contact-form-popup"}};</script> <script src='https://www.google.com/recaptcha/api.js?render=6LeC-asaAAAAAAETXRryPFtZU5Ww3l5A84lUGMA-&ver=3.0' id='google-recaptcha-js'></script> <script id='wpcf7-recaptcha-js-extra'>var wpcf7_recaptcha = {"sitekey":"6LeC-asaAAAAAAETXRryPFtZU5Ww3l5A84lUGMA-","actions":{"homepage":"homepage","contactform":"contactform"}};</script> <script id='mystickysidebar-js-extra'>var mystickyside_name = {"mystickyside_string":".sticky-sidebar","mystickyside_content_string":"","mystickyside_margin_top_string":"","mystickyside_margin_bot_string":"0","mystickyside_update_sidebar_height_string":"false","mystickyside_min_width_string":"795","device_desktop":"1","device_mobile":"1"};</script> <script async='async' src='https://d1gwclp1pmzk26.cloudfront.net/agile/agile-cloud.js' id='main-js-js'></script> <script id='main-js-js-after'>var Agile_API = Agile_API || {}; Agile_API.on_after_load = function(){_agile.set_account("6ufrjit26pqj9709f4vvk5ln3n","startechup"); _agile_execute_web_rules();_agile.track_page_view();};</script> <script>/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);</script> <script id="_agile_min_js" type="text/javascript" src="https://startechup.agilecrm.com/stats/min/agile-min.js"></script><script>if(typeof _agile != "undefined") { _agile.set_account("f1is5dp5puvevi0f1afg2fog1l","startechup");_agile.track_page_view() }</script> <script defer src="https://www.startupoasis.co/wp-content/cache/autoptimize/autoptimize_a3b4c1dfa2d1e5f4f3ceeb21409a7c9a.php"></script></body></html><!-- WP Fastest Cache file was created in 1.4328970909119 seconds, on 18-09-21 4:51:16 --><!-- need to refresh to see cached version -->