Il existe de nombreuses balises HTML au total. Voici quelques balises couramment utilisées en HTML5 pour la création de pages Web :
1, : Déclaration du type de document
2, < ;html> : Identifie l'élément racine du document HTML
3, : Définit l'en-tête du document, y compris les métadonnées du document
4, : Définit le titre du document</span></p>
<p><span style="text-wrap: nowrap;"> 5. <meta> : Définir les métadonnées sur les documents HTML</span><br></p>
<p><span style="text-wrap: nowrap;">6 <link> : Définir la relation entre le document et les ressources externes</span></p>
<p><span style="text-wrap: nowrap;">7. ;style> : Définir le style du document Informations </span><span style="text-wrap: nowrap;"></span></p>8, <script> : Définir le script client <p><span style="text-wrap: nowrap;"></span><br></p>9, <body> , <h1> - <h6> : balise de titre, définissez le titre du document en fonction de son importance <p><span style="text-wrap: nowrap;"></span><br></p>11, <p> <p><span style="text-wrap: nowrap;"></span><br>13, <img> : balises d'image </p>
<p><span style="text-wrap: nowrap;"></span><br>14, <div> : balise de conteneur au niveau du bloc </p>
<p><span style="text-wrap: nowrap;"></span><br>15, <span> </p> <p><span style="text-wrap: nowrap;">16, <input> : balise d'entrée </span><br> </p> T17, & lt; bouton & gt; : balise de bouton <p><span style="text-wrap: nowrap;"></span><br></p>18, & lt; formulaire & gt; : balise de formulaire <p><span style="text-wrap: nowrap;"></span><br></p>19, & lt; ol> : étiquette de la liste ordonnée <p><span style="text-wrap: nowrap;"></span><br></p>21, <li> : étiquette de l'élément de la liste <p><span style="text-wrap: nowrap;"></span><br></p>22, <table> Étiquette de la ligne du tableau <p><span style="text-wrap: nowrap;"></span><br></p>24, <td> : étiquette de la cellule de données du tableau <p><span style="text-wrap: nowrap;"></span><br></p>25, <th> : étiquette de la cellule de titre du tableau <p><span style="text-wrap: nowrap;"></span><br></p>26, <label> <p><span style="text-wrap: nowrap;"></span><br>27, <textarea> : étiquette de la zone de texte </p>
<p><span style="text-wrap: nowrap;"></span><br>28, <select> : étiquette du menu déroulant </p>
<p><span style="text-wrap: nowrap;"></span><br>29, <iframe> </p> <p> <span style="text-wrap: nowrap;"> 30. & lt; vidéo & gt; : étiquette vidéo </span><br></p>
<p><span style="text-wrap: nowrap;"> 31, & lt; Audio & gt; : étiquette audio </span><br></p>
<p><span style="text-wrap: nowrap;">32, & lt; toile & gt; : étiquette toile </span><br></p> <p><span style="text-wrap: nowrap;">33, & lt; nav & gt; : balises de navigation </span><br></p>
<p><span style="text-wrap: nowrap;">34, <header> : balise d'en-tête </span><br></p>
<p><span style="text-wrap: nowrap;">35, <footer> , < ;section> : Balise de bloc </span><br></p> <p><span style="text-wrap: nowrap;"> 37. <article> : balise d'article </span><br></p>
<p><span style="text-wrap: nowrap;">38, <aside> : balise de la barre latérale </span><br></p>
<p>39, <main> <span style="text-wrap: nowrap;"> </span><br></p>
<p>40, <figure> ; : Balises de combinaison d'images et de texte<span style="text-wrap: nowrap;"></span><br></p>Ces balises sont la partie la plus couramment utilisée du HTML5. Bien sûr, il existe de nombreuses autres balises en HTML, mais ces balises suffisent à en créer diverses. types de pages Web. Notez que ces balises doivent être utilisées correctement selon les normes HTML pour garantir que vos pages Web ont une bonne structure, sémantique et accessibilité. <p></p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p> </div>
</div>
<div style="height: 25px;">
<div class="wzconBq" style="display: inline-flex;">
<span>Étiquettes associées：</span>
<div class="wzcbqd">
<a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=html标签" target="_blank">html标签</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div>
</div>
<div class="wzconOtherwz">
<a href="https://www.php.cn/fr/faq/631020.html" title="Quelles sont les utilisations de require ?">
<span>Article précédent：Quelles sont les utilisations de require ?</span>
</a>
<a href="https://www.php.cn/fr/faq/631039.html" title="Quelles sont les différences entre le cellpadding et l’espacement des cellules ?">
<span>Article suivant：Quelles sont les différences entre le cellpadding et l’espacement des cellules ?</span>
</a>
</div>
<div class="wzconShengming">
<div class="bzsmdiv">Déclaration de ce site Web</div>
<div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div>
</div>
<div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Derniers articles par auteur</div>
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/633138.html">Comment le golang est-il polymorphe ?</a>
</div>
<div>2023-12-15 15:56:22</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/633131.html">où sont les cookies</a>
</div>
<div>2023-12-15 15:30:34</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/633047.html">Introduction aux scripts VBS couramment utilisés</a>
</div>
<div>2023-12-15 11:11:31</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/633040.html">méthode java d'appel du service Web</a>
</div>
<div>2023-12-15 10:54:25</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/633036.html">Comment convertir un fichier CSV en VCF</a>
</div>
<div>2023-12-15 10:44:11</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/633023.html">Comment désactiver le partage réseau ics</a>
</div>
<div>2023-12-15 10:13:24</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/632865.html">Comment utiliser Golang pour l'emballage</a>
</div>
<div>2023-12-14 16:36:28</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/632862.html">Que sont les compilateurs Golang ?</a>
</div>
<div>2023-12-14 16:21:24</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/632861.html">Quel éditeur dois-je utiliser pour écrire du golang ?</a>
</div>
<div>2023-12-14 16:16:13</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/fr/faq/632850.html">Comment obtenir l'horodatage dans Golang</a>
</div>
<div>2023-12-14 14:59:07</div>
</li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Derniers numéros</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="https://www.php.cn/fr/wenda/176380.html" target="_blank" title="SQL Count() nécessite également 0" class="wdcdcTitle">SQL Count() nécessite également 0</a>
<a href="https://www.php.cn/fr/wenda/176380.html" class="wdcdcCons">Je n'ai qu'une seule table et je veux compter chaque entrée d'une balise qui commence par ...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Depuis 2024-04-06 19:48:53</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>449</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="https://www.php.cn/fr/wenda/176360.html" target="_blank" title="Styles CSS non appliqués au site" class="wdcdcTitle">Styles CSS non appliqués au site</a>
<a href="https://www.php.cn/fr/wenda/176360.html" class="wdcdcCons">Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Depuis 2024-04-06 17:12:23</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>336</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="https://www.php.cn/fr/wenda/176352.html" target="_blank" title="Pourquoi ma balise hr est-elle translucide lorsqu'elle est définie sur une couleur blanche unie ?" class="wdcdcTitle">Pourquoi ma balise hr est-elle translucide lorsqu'elle est définie sur une couleur blanche unie ?</a>
<a href="https://www.php.cn/fr/wenda/176352.html" class="wdcdcCons">J'ai un HTML (avec bootstrap) et un CSS, dans mon HTML j'ai une balise <hr> qui a un...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Depuis 2024-04-06 16:13:26</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>500</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="https://www.php.cn/fr/wenda/176347.html" target="_blank" title="Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur" class="wdcdcTitle">Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur</a>
<a href="https://www.php.cn/fr/wenda/176347.html" class="wdcdcCons">Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Depuis 2024-04-06 15:35:24</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>274</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="https://www.php.cn/fr/wenda/176344.html" target="_blank" title="Comment faire apparaître mon image sur l'écran principal de la page ?" class="wdcdcTitle">Comment faire apparaître mon image sur l'écran principal de la page ?</a>
<a href="https://www.php.cn/fr/wenda/176344.html" class="wdcdcCons">Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> Depuis 2024-04-06 15:33:12</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>433</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt" >
<div class="wzczt-title">
<div>Rubriques connexes</div>
<a href="https://www.php.cn/fr/faq/zt" target="_blank">Plus>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="symbole de droit d'auteur HTML" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlbq" class="title-a-spanl" title="symbole de droit d'auteur HTML"><span>symbole de droit d'auteur HTML</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="éditeur HTML en ligne" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlzxbjq" class="title-a-spanl" title="éditeur HTML en ligne"><span>éditeur HTML en ligne</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="réalisation de pages web html" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlwyzz" class="title-a-spanl" title="réalisation de pages web html"><span>réalisation de pages web html</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="espace HTML" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlkg" class="title-a-spanl" title="espace HTML"><span>espace HTML</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="qu'est-ce que le HTML" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlssm" class="title-a-spanl" title="qu'est-ce que le HTML"><span>qu'est-ce que le HTML</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment définir la taille de la police HTML" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlztdxzmsz" class="title-a-spanl" title="Comment définir la taille de la police HTML"><span>Comment définir la taille de la police HTML</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html en txt" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlztxt" class="title-a-spanl" title="html en txt"><span>html en txt</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="https://www.php.cn/fr/faq/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120496282.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment écrire du code de zone de texte HTML" /> </a>
<a target="_blank" href="https://www.php.cn/fr/faq/htmlwbkdmzmx" class="title-a-spanl" title="Comment écrire du code de zone de texte HTML"><span>Comment écrire du code de zone de texte HTML</span> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne">
<div class="wzroTitle">Recommandations populaires</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Qu'est-ce que la liste des commandes de raccourci CAO ?" href="https://www.php.cn/fr/faq/427260.html">Qu'est-ce que la liste des commandes de raccourci CAO ?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Quelles sont les connaissances de base sur les fonctions d'un clavier d'ordinateur ?" href="https://www.php.cn/fr/faq/426868.html">Quelles sont les connaissances de base sur les fonctions d'un clavier d'ordinateur ?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Quelles sont les touches de raccourci informatiques couramment utilisées ?" href="https://www.php.cn/fr/faq/417689.html">Quelles sont les touches de raccourci informatiques couramment utilisées ?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="Comment convertir un hexadécimal en décimal" href="https://www.php.cn/fr/faq/422096.html">Comment convertir un hexadécimal en décimal</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="L'hôte est allumé mais l'écran de l'ordinateur ne s'allume pas" href="https://www.php.cn/fr/faq/426754.html">L'hôte est allumé mais l'écran de l'ordinateur ne s'allume pas</a>
</div>
</li>
</ul>
</div>
</div>
<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
<div class="wzrThree">
<div class="wzrthree-title">
<div>Tutoriels populaires</div>
<a target="_blank" href="https://www.php.cn/fr/course.html">Plus>
</a>
</div>
<div class="wzrthreelist swiper2">
<div class="wzrthreeTab swiper-wrapper">
<div class="check tabdiv swiper-slide" data-id="one">Tutoriels associés <div></div></div>
<div class="tabdiv swiper-slide" data-id="two">Recommandations populaires<div></div></div>
<div class="tabdiv swiper-slide" data-id="three">Derniers cours<div></div></div>
</div>
<ul class="one">
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1054.html" title="Démarrez rapidement avec HTML5" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62568d988f440738.png" alt="Démarrez rapidement avec HTML5"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Démarrez rapidement avec HTML5" href="https://www.php.cn/fr/course/1054.html">Démarrez rapidement avec HTML5</a>
<div class="wzrthreerb">
<div>54703 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="1054">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1140.html" title="Éléments HTML courants et contrôles de formulaire courants" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6241ae4d423e2834.png" alt="Éléments HTML courants et contrôles de formulaire courants"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Éléments HTML courants et contrôles de formulaire courants" href="https://www.php.cn/fr/course/1140.html">Éléments HTML courants et contrôles de formulaire courants</a>
<div class="wzrthreerb">
<div>19904 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="1140">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1455.html" title="Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png" alt="Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]" href="https://www.php.cn/fr/course/1455.html">Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]</a>
<div class="wzrthreerb">
<div>164337 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="1455">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="two" style="display: none;">
<li>
<a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a>
<div class="wzrthreerb">
<div >1419977 temps d'étude</div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a>
<div class="wzrthreerb">
<div >2504297 temps d'étude</div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a>
<div class="wzrthreerb">
<div >505366 temps d'étude</div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/901.html" title="Introduction rapide au développement web front-end" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Introduction rapide au développement web front-end"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Introduction rapide au développement web front-end" href="https://www.php.cn/fr/course/901.html">Introduction rapide au développement web front-end</a>
<div class="wzrthreerb">
<div >215507 temps d'étude</div>
<div class="courseICollection" data-id="901">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/234.html" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Maîtrisez les didacticiels vidéo PS à partir de zéro"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" href="https://www.php.cn/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a>
<div class="wzrthreerb">
<div >883763 temps d'étude</div>
<div class="courseICollection" data-id="234">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="three" style="display: none;">
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1648.html" title="[Web front-end] Démarrage rapide de Node.js" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Démarrage rapide de Node.js"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="[Web front-end] Démarrage rapide de Node.js" href="https://www.php.cn/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a>
<div class="wzrthreerb">
<div >6972 temps d'étude</div>
<div class="courseICollection" data-id="1648">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1647.html" title="Collection complète de cours full-stack de développement Web étranger" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Collection complète de cours full-stack de développement Web étranger"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Collection complète de cours full-stack de développement Web étranger" href="https://www.php.cn/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a>
<div class="wzrthreerb">
<div >5416 temps d'étude</div>
<div class="courseICollection" data-id="1647">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1646.html" title="Aller au langage pratique GraphQL" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Aller au langage pratique GraphQL"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Aller au langage pratique GraphQL" href="https://www.php.cn/fr/course/1646.html">Aller au langage pratique GraphQL</a>
<div class="wzrthreerb">
<div >4561 temps d'étude</div>
<div class="courseICollection" data-id="1646">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1645.html" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" href="https://www.php.cn/fr/course/1645.html">Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape</a>
<div class="wzrthreerb">
<div >659 temps d'étude</div>
<div class="courseICollection" data-id="1645">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="https://www.php.cn/fr/course/1644.html" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" href="https://www.php.cn/fr/course/1644.html">Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures</a>
<div class="wzrthreerb">
<div >23086 temps d'étude</div>
<div class="courseICollection" data-id="1644">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper2', {
autoplay: false,//可选选项，自动滑动
slidesPerView : 'auto',
})
$('.wzrthreeTab>div').click(function(e){
$('.wzrthreeTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrthreelist>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="wzrFour">
<div class="wzrfour-title">
<div>Derniers téléchargements</div>
<a href="https://www.php.cn/fr/xiazai">Plus>
</a>
</div>
<script>
$(document).ready(function(){
var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
speed:1000,
autoplay:{
delay:3500,
disableOnInteraction: false,
},
pagination:{
el:'.sjyx_banSwiperwz .swiper-pagination',
clickable :false,
},
loop:true
})
})
</script>
<div class="wzrfourList swiper3">
<div class="wzrfourlTab swiper-wrapper">
<div class="check swiper-slide" data-id="onef">effets Web <div></div></div>
<div class="swiper-slide" data-id="twof">Code source du site Web<div></div></div>
<div class="swiper-slide" data-id="threef">Matériel du site Web<div></div></div>
<div class="swiper-slide" data-id="fourf">Modèle frontal<div></div></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Code de contact du formulaire de message d'entreprise jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8071">[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Effets de lecture de boîte à musique HTML5 MP3" href="https://www.php.cn/fr/toolset/js-special-effects/8070">[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Effets spéciaux du menu de navigation d'animation de particules cool HTML5" href="https://www.php.cn/fr/toolset/js-special-effects/8069">[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Code d'édition par glisser-déposer du formulaire visuel jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8068">[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Code du lecteur de musique Kugou imitation VUE.JS" href="https://www.php.cn/fr/toolset/js-special-effects/8067">[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Jeu de boîte de poussée HTML5 classique" href="https://www.php.cn/fr/toolset/js-special-effects/8066">[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="défilement jQuery pour ajouter ou réduire des effets d'image" href="https://www.php.cn/fr/toolset/js-special-effects/8065">[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Effet de zoom de survol de la couverture de l'album personnel CSS3" href="https://www.php.cn/fr/toolset/js-special-effects/8064">[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3</a>
</div>
</li>
</ul>
<ul class="twof" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8328" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8327" title="Modèle de page de guide de CV personnel aux couleurs fraîches" target="_blank">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8326" title="Modèle Web de CV de travail créatif de concepteur" target="_blank">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8325" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8324" title="Modèle HTML5 réactif pour les établissements de services éducatifs" target="_blank">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8323" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne" target="_blank">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8322" title="La technologie informatique résout le modèle de site Web d'entreprise Internet" target="_blank">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8321" title="Modèle de site Web de service de trading de devises de style violet" target="_blank">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a>
</div>
</li>
</ul>
<ul class="threef" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3078" target="_blank" title="Matériau vectoriel d'éléments d'été mignons (EPS+PNG)">[Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3077" target="_blank" title="Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)">[Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3076" target="_blank" title="Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)">[image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3075" target="_blank" title="Matériau vectoriel de chapeau de graduation doré (EPS+PNG)">[Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3074" target="_blank" title="Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)">[Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3073" target="_blank" title="Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes">[Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3072" target="_blank" title="Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)">[image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-materials/3071" target="_blank" title="Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)">[Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)</a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8328" target="_blank" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8327" target="_blank" title="Modèle de page de guide de CV personnel aux couleurs fraîches">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8326" target="_blank" title="Modèle Web de CV de travail créatif de concepteur">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8325" target="_blank" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8324" target="_blank" title="Modèle HTML5 réactif pour les établissements de services éducatifs">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8323" target="_blank" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8322" target="_blank" title="La technologie informatique résout le modèle de site Web d'entreprise Internet">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="https://www.php.cn/fr/toolset/website-source-code/8321" target="_blank" title="Modèle de site Web de service de trading de devises de style violet">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a>
</div>
</li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper3', {
autoplay: false,//可选选项，自动滑动
slidesPerView : 'auto',
})
$('.wzrfourlTab>div').click(function(e){
$('.wzrfourlTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrfourList>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p>
</div>
<div class="footermid">
<a href="https://www.php.cn/fr/about/us.html">À propos de nous</a>
<a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a>
<a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a>
</div>
<div class="footerbottom">
<p>
© php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1732262245"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/>
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
</body>
</html>
