html 5 questions d'entretien courantes-tutoriel HTML-php.cn

1. Éléments courants au niveau du bloc Élément en ligne p - l'élément au niveau du bloc le plus couramment utilisé dl - élément au niveau du bloc utilisé avec le formulaire dt-dd - formulaire interactif h1 -h6- title hr - ligne de séparation horizontale ol – Ordonné list p - paragraphe ul - liste non ordonnée groupset - ensemble de champs de formulaire colgroup-col - élément de regroupement de colonnes de formulaire table-tr-td tableau et cellule de ligne texte pré-formaté a - lien hypertexte (ancre) br - saut de ligne i - em italique - accent img - entrée d'image - étiquette de la zone de saisie - étendue de l'étiquette du formulaire - conteneur en ligne couramment utilisé, définissant des blocs de texte forts - indice d'accentuation gras - indice sup - zone de texte en exposant - zone de saisie de texte multiligne u - Sélection de soulignement - Sélection de projet 2. Plusieurs Les conditions pour réaliser trois points de texte text-overflow l'attribut sont uniquement : s'il faut afficher une marque d'omission lorsque le texte déborde, et n'a pas autre Définition des attributs de style pour atteindre le. effet de produire une ellipse en cas de débordement, vous devez définir :
1. Largeur du conteneur : largeur : valeur (px, %, les deux sont acceptables)
Texte obligatoire Afficher en un. line: white-space : nowrap;
3. Le contenu du débordement est masqué : overflow: Hidden;
4. Le texte du débordement affiche des points de suspension : text-overflow: ellipsis; il doit y avoir une seule ligne de texte pour définir le débordement de cet article ! ! !

IE6+;
chrome1.0+; safari3.1+ (firefox, opera ne sont pas encore pris en charge)
3. 🎜>Pour qu'un élément soit centré verticalement dans un conteneur, vous devez modifier la valeur de l'attribut
display
par défaut en inline-block
et ajouter un élément frère (règle) (élément frère [règle] style Réglé sur vertical-align:middle;width:0;
height:100%;display:inline-block;). Trois conditions : 1 : Le conteneur (élément parent) doit être ajouté avec
text-align
:center
2 : L'élément actuel doit être converti en un inline; block element (display:inline-block;) Ajoutez ensuite vertical-align:middle;3 à l'élément actuel : ajoutez l'élément frère span après l'élément actuel (sans retour chariot et effectuez un alignement vertical sur span ); middle;width:0;height:100%;display:inline-block
4. Éléments de remplacement et éléments de non-remplacement

Éléments de remplacement et éléments de non-remplacement

a) Éléments de remplacement : le navigateur détermine le contenu d'affichage spécifique de l'élément en fonction de ses balises et de ses attributs. Par exemple : le navigateur lira les informations sur l'image et les affichera en fonction de la valeur de l'attribut src de la balise , mais si vous affichez le code (x)html, vous ne pouvez pas voir le contenu réel de l'image ; le type de la balise Les attributs déterminent s'il faut afficher une zone de saisie ou un
bouton radio
, etc. (x), ,

, <select> en HTML sont tous des éléments de remplacement. Ces éléments n’ont souvent pas de contenu réel, c’est-à-dire qu’ils sont vides. <br><a href="http://www.php.cn/code/5979.html" target="_blank">L'élément de remplacement génère une boîte dans son affichage, c'est pourquoi certains éléments en ligne (img, input) peuvent définir la largeur et la hauteur. </a><br>b) Éléments non remplaçables (éléments non remplaçables) : (x) La plupart des éléments HTML sont des éléments non remplaçables, c'est-à-dire que leur contenu est directement affiché à l'utilisateur (comme un navigateur). <br><br>5. Qu'est-ce qu'une carte de sprite ? Quels sont les avantages ? <br><br>Intégration d'images, intégrez de petites images d'arrière-plan uniques dans une grande image d'arrière-plan. <br><br>Avantages de l'intégration d'images : 1) Réduisez le nombre de requêtes au serveur grâce à l'intégration d'images, améliorant ainsi la vitesse de chargement des pages. 2) Réduisez la taille des images en les intégrant. <br><br>6. Qu'est-ce que la feuille de style <br>css en cascade <br> ? <br>Priorité<a href="http://www.php.cn/code/5005.html" target="_blank">Comment l'algorithme est-il calculé ? </a><a href="http://www.php.cn/code/6066.html" target="_blank">a. L'ordre de priorité d'importance et de source de bas en haut est : </a>1) Style par défaut du navigateur <br>2) <br>class<br>/id.... Poids du sélecteur <br>3) Style en ligne <a href="http://www.php.cn/wiki/164.html" target="_blank">4) En ligne ou externe (ordre d'écriture) </a>5) !important le plus élevé <br><br><br>7. La différence entre display:none et <a href="http://www.php.cn/wiki/929.html" target="_blank">visibility</a>:hidden<br><br>Le premier : caché mais ne prend pas de place ; le second : caché mais prend de la place<br><br>8 . <a href="http://www.php.cn/code/6337.html" target="_blank">Effacer float</a><br>hack1 : ajouter la déclaration overflow:hidden à l'élément parent ;<br><br>hack2 : ajouter de la hauteur à l'élément parent<br><br>hack3 : ajoutez un espace sous l'élément flottant p et ajoutez la déclaration à l'élément : p{<br>clear<a href="http://www.php.cn/wiki/917.html" target="_blank">:both; overflow:hidden;}</a><br>hack4: universal clear méthode float p<br>:after<a href="http://www.php.cn/wiki/978.html" target="_blank">{content:“.”;clear:both;display:block;height:0;overflow:hidden; être </a>hérité<br> ? <br><a href="http://www.php.cn/code/6064.html" target="_blank">1) Texte lié : </a>font-family<br>, <br>font-size<a href="http://www.php.cn/wiki/804.html" target="_blank">, </a>font-style<a href="http://www.php.cn/wiki/807.html" target="_blank">, </a>font-variant<a href="http://www.php.cn/wiki/826.html" target="_blank"> , </a>font-weight<a href="http://www.php.cn/wiki/862.html" target="_blank">, police, </a>espacement des lettres<a href="http://www.php.cn/wiki/858.html" target="_blank">, </a>hauteur de la ligne<a href="http://www.php.cn/wiki/865.html" target="_blank">, alignement du texte, </a>indentation du texte<a href="http://www.php.cn/wiki/864.html" target="_blank">, </a> text-transform<a href="http://www.php.cn/wiki/867.html" target="_blank">, </a>word-spacing<a href="http://www.php.cn/wiki/863.html" target="_blank"></a>2) Liste associée : <a href="http://www.php.cn/wiki/866.html" target="_blank">list-style</a>-image, <br>list-style-position<a href="http://www.php.cn/wiki/954.html" target="_blank">, </a>list-style-type<a href="http://www.php.cn/wiki/955.html" target="_blank">, list-style</a>3) Couleur liée : couleur<a href="http://www.php.cn/wiki/956.html" target="_blank">4) Transparence (les éléments enfants hériteront de l'opacité de l'élément ancêtre, mais ne pourront pas être modifiés)</a>Remarque : font-size Ce qui est hérité est la taille de l'élément parent, pas la proportion. line-height Lorsque l'élément parent est un pourcentage ou une valeur px, l'élément enfant est le même que l'élément parent. Lorsque l'élément parent est normal ou un nombre, la hauteur de ligne de l'élément enfant est la taille de la police de l'enfant. élément multiplié par le nombre. <br><br>10. Méthode de positionnement <br><br>valeur de l'attribut de position : <br>statique<br>, relative, absolue, fixe<br>1) statique<a href="http://www.php.cn/wiki/188.html" target="_blank">statique est la valeur par défaut, et le L'élément se trouve Dans le flux de documents, il s'affiche normalement, en ignorant les attributs </a>top<br>, <br>bottom<a href="http://www.php.cn/wiki/904.html" target="_blank">, </a>left<a href="http://www.php.cn/wiki/906.html" target="_blank"> et </a>right<a href="http://www.php.cn/wiki/907.html" target="_blank"> de l'élément élément. L'attribut </a>z-index<a href="http://www.php.cn/wiki/905.html" target="_blank"> est toujours 0.</a>2) relatif<a href="http://www.php.cn/wiki/903.html" target="_blank"> positionnement relatif, conservant la position et la taille occupées par l'élément dans le flux de documents, déterminé par la gauche/droite/haut/ attributs du bas Distance de déplacement relative, la position d'origine est conservée</a>3) absolue<br><br>Positionnement absolu<br>, séparez l'<br>objet<a href="http://www.php.cn/code/6074.html" target="_blank"> du flux de documents, utilisez gauche/droite/haut/ bottom Les autres attributs sont positionnés de manière absolue par rapport à l'élément parent le plus proche avec des paramètres de positionnement ; sinon, ils sont basés sur l'objet corps </a> 4) fixe <a href="http://www.php.cn/wiki/60.html" target="_blank"> fixe est similaire à absolu, mais il est relatif au coin supérieur gauche coin de la fenêtre. Ne suivra pas le défilement du document. Mais s’il s’agit d’une page multi-frame, c’est par rapport au coin supérieur gauche du cadre, et non au coin supérieur gauche du navigateur. </a><br>11. Quelle est la différence entre lien et @import ? <br><br>1. La différence entre les ancêtres. Link appartient à la balise X<br>HTML<br>, et @import est entièrement une méthode fournie par CSS. <br><a href="http://www.php.cn/code/427.html" target="_blank">2. En plus de charger du CSS, la balise de lien peut également faire bien d'autres choses, comme définir </a>RSS<br>, définir les attributs de connexion rel, etc. @import ne peut charger que du CSS<br>3. La différence dans l’ordre de chargement. Lorsqu'une page est chargée (c'est-à-dire lorsqu'elle est visualisée par un spectateur), le CSS référencé par link<a href="http://www.php.cn/wiki/1541.html" target="_blank"></a> sera chargé en même temps, tandis que le CSS référencé par @import attendra que la page soit complètement téléchargée avant d'être chargé. Alors parfois, en parcourant la page où @import charge le CSS, il n'y aura pas de style (il scintille juste) <br><br> 4. Différence de compatibilité. Puisque @import a été proposé par CSS2.1, les anciens navigateurs ne le supportent pas. @import ne peut être reconnu que par IE5 ou supérieur, mais la balise link n'a pas ce problème <a href="http://www.php.cn/wiki/231.html" target="_blank"></a> 5. La différence lors de l'utilisation de dom. pour contrôler le style. Lorsque <br> utilise javascript <br> pour contrôler le dom afin de changer le style, vous ne pouvez utiliser que la balise de lien, car @import n'est pas contrôlable par le dom <br><br><a href="http://www.php.cn/code/7565.html" target="_blank">12. Quelles sont les valeurs des attributs de positionnement ? Est-ce que chacun en vaut la peine ? <br><br>La fonction de chaque valeur d'attribut : <br><br>statique : valeur par défaut. Un élément dont la position est définie sur static s'affiche normalement, toujours à la position donnée par le flux de documents (les éléments statiques ignorent les déclarations haut, bas, gauche ou droite). <br><br>absolu : positionnement absolu par rapport à l'élément parent, s flotte hors du flux de mise en page, il n'occupe pas d'espace, c'est ce que nous appelons un calque, sa position est relative à l'élément parent positionné le plus proche Position, vous pouvez directement spécifier les attributs "left", "top", "right" et "bottom". Si le parent n'est pas positionné, le HTML (élément racine) sera utilisé. (Ordre d'empilement z-index : valeur) <br><br>relatif : il s'agit d'un positionnement décalé par rapport à la position par défaut. Il peut être déplacé vers une position par rapport à sa position normale en définissant les valeurs gauche, haut, droite et. valeurs inférieures. (Mouvement par rapport à sa propre position de départ, [ne perturbera pas le flux de mise en page normal] <br><br>fixe : positionnement absolu par rapport au navigateur, positionnement par rapport aux coordonnées spécifiées de la fenêtre du navigateur. La position de cet élément peut être spécifié par les attributs "left", "top", "right" et "bottom". L'élément restera dans cette position, que la fenêtre défile ou non <br><br>13. html5. </a><a href="http://www.php.cn/php/php-tp-append.html" target="_blank">Ajout de 15 nouvelles balises pour </a><br><br><a href="http://www.php.cn/html/html-HEAD-2.html" target="_blank">head</a>er nav footer <a href="http://www.php.cn/wiki/646.html" target="_blank">main</a> à côté de l'article section figure datalist vidéo audio fieldest légende étiquette légende<br> <br>14. 1. Qu'est-ce que BFC ? Comment est-il généré ? <br><br>1. Contexte de formatage au niveau du bloc<br>2. margin<a href="http://www.php.cn/wiki/931.html" target="_blank">Chevauchement (mis dans deux BFC) </a>3. Élément racine, <br>float<a href="http://www.php.cn/wiki/919.html" target="_blank"> l'attribut n'est pas nul, la position est absolue ou fixe, l'affichage est en ligne-bloc, table-cell, table-caption , flex, inline-flex, overflow ne sont pas visibles</a><br><br>15 La différence entre .px, em, rem, pt<br><br>1) px est en fait un pixel, utilisez px pour définir la police Lorsque la taille est grande, elle est relativement stable et précise <br> Cependant, il y a un problème avec cette méthode lorsque l'utilisateur navigue sur la page Web que nous avons créée dans le navigateur, si le navigateur est zoomé, notre site Web <.> La mise en page <br> est cassée. Par conséquent, il a été proposé d'utiliser « em » pour définir la police de la page Web. <a href="http://www.php.cn/code/7955.html" target="_blank">2) em met à l'échelle la taille de la police en fonction de la ligne de base </a>em définit la taille de la police par rapport à son élément parent, il y aura donc un problème pour définir n'importe quel élément, vous devrez peut-être connaître son élément parent. size <br>3) rem est affiché par rapport à la taille de la police de l'élément racine <br>rem est relatif à l'élément racine <html>, ce qui signifie qu'il suffit de déterminer une valeur de référence dans l'élément racine <br> 4) La taille du pt est égale à 1/72 de 1 pouce<br>Point : C'est une unité de mesure pour le texte<br>Cette méthode de mesure vient du milieu de l'impression et est la plus adaptée aux médias, mais il est également largement utilisé Moniteur<br><br>16 Quelles sont les méthodes pour réaliser un centrage vertical + horizontal ? <br><br>1. p{largeur:200px;hauteur:200px;<br>arrière-plan<br>:#f00;position:fixe;gauche:0;droite:0;haut:0;bas:0;marge :auto;}<a href="http://www.php.cn/wiki/892.html" target="_blank"></a>2. p{largeur:200px;hauteur:200px;arrière-plan:#f00;position:fixe;gauche:50%;haut:50%;marge:-100px 0 0 -100px; ><br><br>17. Amélioration progressive et dégradation gracieuse<br><br>Amélioration progressive : créez des pages pour les navigateurs de version basse pour garantir les fonctions les plus élémentaires, puis effectuez des effets et des interactions pour les navigateurs avancés. Attendez des améliorations et fonctions supplémentaires pour obtenir une meilleure expérience utilisateur. <br><br>Dégradation gracieuse : créez des fonctions complètes depuis le début, puis rendez-les compatibles avec les navigateurs de versions inférieures<br><br><br>18. Que sont les sélecteurs CSS ? <br><br>1) Sélecteur de caractère générique *<br>2) Sélecteur de type/sélecteur d'élément a<br>3) Entrée du sélecteur d'attribut[type="button"]4) Sélecteur contenant p .code a<br>5) Sélecteur de sous-objet                                                                                                                                                                a <br> 9) <br> pseudo-classe <br> et pseudo-objets p<br>:première lettre<br> a<br>:hover<a href="http://www.php.cn/code/6014.html" target="_blank"></a>10) Adjacent sélecteurs li+li<a href="http://www.php.cn/wiki/970.html" target="_blank"> </a>19. La différence entre animation et transition <a href="http://www.php.cn/wiki/966.html" target="_blank">Le même point : ils changent tous les deux la valeur d'attribut de l'élément au fil du temps. </a><br>La différence : la transition doit déclencher un <a href="http://www.php.cn/php/php-tp-incident.html" target="_blank"> événement </a> (événement de survol ou événement de clic, etc.) avant de pouvoir modifier ses <br><br>l'animation CSS peut également être utilisée sans déclencher d'événements ; . Modifiez explicitement la valeur de l'attribut CSS de l'élément au fil du temps pour obtenir un effet <a href="http://www.php.cn/code/9595.html" target="_blank">animation</a>. L'animation CSS3 nécessite des valeurs d'attribut d'animation claires. <br><br>20. Quels sont le modèle <a href="http://www.php.cn/code/6444.html" target="_blank"> de boîte standard </a> et le modèle de boîte bizarre. La différence entre les deux, comment implémenter le modèle de boîte bizarre, et le modèle de boîte standard et le modèle <br><br> modèle de boîte standard : content+border+<a href="http://www.php.cn/wiki/948.html" target="_blank">padding</a>                         Lors du calcul de la largeur de la boîte, ajoutez une bordure et padding et l'autre n'ajoute pas <br><br>Implémentation du modèle de boîte étrange : box-sizing:border-box<br>Modèle de boîte standard : box-sizing:content-box<br> <br><br>21 . Comment centrer un élément vers le haut, le bas, la gauche et la droite dans l'élément parent <br><br>1.<br>css : <br>.box{display:flex;width:800px;height:<br>. " box"> 800px;height:800px;justify-content:center;align-items:center;}<br>html:<br><p class="box"><a href="http://www.php.cn/code/4221.html" target="_blank">  <p></ p></a></p><a href="http://www.php.cn/wiki/109.html" target="_blank"></a>22. Quels sont les formats couramment utilisés pour la vidéo et l'audio<br> : audio/ogg audio/mpeg<br><br>23. les attributs et valeurs d'attribut du <br>modèle de boîte flexible<br> (écrire au moins 6 attributs)<br><br>display:flex;<br>flex-<br>direction<br>:<br>justify-content:<br>align-items:<br>align-self:<br>align-content:<br>flex -wrap:<br><br>23. Présentez brièvement l'utilisation du dégradé linéaire, radial. dégradé et dégradé répété<a href="http://www.php.cn/code/6707.html" target="_blank"></a>Dégradé linéaire : gradient-linéaire()<a href="http://www.php.cn/code/6093.html" target="_blank">Dégradé radial : dégradé radial ()</a> Dégradé linéaire répétitif : dégradé linéaire répétitif()<br> Dégradé radial répétitif : Repeating-radial-gradient()<br><a href="http://www.php.cn/code/10723.html" target="_blank"> 24. Présentez brièvement l'utilisation de l'animation</a><br>L'animation se compose de deux parties : animation : nom de l'animation temps d'exécution de l'animation type d'animation temps de retard de l'animation numéro de répétition de l'animation direction de l'animation ; @<br>key<br>frames animation name<a href="http://www.php.cn/wiki/873.html" target="_blank"></a> 25. Les principaux attributs de css3D Et la valeur de l'attribut <br> 1. Profondeur de champ : perspactive:number; , puis définissez une valeur plus petite. Si vous souhaitez voir l'objet plus petit, définissez une valeur plus grande <br> <br>2. Stage 3D : transform-style:preserve-3d;<br><br>3. rotateZ() scaleZ()<br><br>26. Plusieurs attributs principaux en 2D<br><br>transform:translate() rotate() skew() scale()<br>transform-origin:<br><br>27. Présentez brièvement les attributs et les valeurs d'attribut de l'animation de transition<br><br>transition :Nom de l'attribut (vous pouvez utiliser <br>tous<br>) temps d'exécution de l'animation type d'animation temps de retard de l'animation <a href="http://www.php.cn/wiki/1051.html" target="_blank"></a>28. Nouvel <br>attribut background en CSS3 <br><br><br><br>background-origin<br> : background origin<br><br>background-clip<br> : background clipping <br><br>background-size<br> :<br>image d'arrière-plan<br>La taille<br>Voici les trois valeursde background-size<br><a href="http://www.php.cn/wiki/1483.html" target="_blank">length</a> spécifie la taille de l'image d'arrière-plan. La première valeur est la largeur, la deuxième valeur est la hauteur. <br><br>Pourcentage (%)<a href="http://www.php.cn/code/6021.html" target="_blank">Définissez la taille de l'image d'arrière-plan en pourcentage</a><br>couverture<br>Agrandissez l'image d'arrière-plan à une taille suffisamment grande pour que l'image d'arrière-plan recouvre complètement la zone d'arrière-plan <a href="http://www.php.cn/code/865.html" target="_blank"> </a><br><a href="http://www.php.cn/code/868.html" target="_blank">29. Écrivez les cœurs des cinq principaux navigateurs et leurs ouvrages représentatifs </a><br>*Trident : IE, Maxthon, Tencent, Theworld, 360 Browser <a href="http://www.php.cn/code/872.html" target="_blank"></a>*Gecko : : L'œuvre représentative Mozilla Firefox est open source <a href="http://www.php.cn/code/8294.html" target="_blank"></a>*Webkit : L'œuvre représentative Safari et Chrome sont un projet open source. <br><br>*Presto : ouvrage représentatif d'Opera, Presto est un moteur de mise en page de navigateur développé par Opera Software. Il est également reconnu comme le moteur de rendu le plus rapide au monde. <br><br>*Blink : moteur de présentation de navigateur développé par Google et Opera Software, sorti en avril 2013. <br><br>30. Notez plusieurs bugs et solutions courants dans IE6 (au moins 4) <br><br>1) L'image a une bordure Solution BUG : ajoutez border:0 ou border:0 à l'image ; none;<br><br>2. Double direction flottante (double marge) Solution : display : inline<br><br>3. Hauteur par défaut (IE6, IE7) Solution : Ajouter une déclaration à l'élément : font-size :0 ; Option 2 : ajoutez une instruction à l'élément : overflow:hidden;<br><br>4. Les tailles par défaut des éléments de bouton sont différentes. Option : utilisez une balise pour simuler les <br><br>31 d'IE. filtre <a href="http://www.php.cn/code/120.html" target="_blank">Quels sont-ils ? </a><br>1. _ Filtre d'attribut souligné <br>2.9 : reconnaissance de la version d'IE ; les autres navigateurs ne le reconnaissent pas. Syntaxe : sélecteur {attribut : valeur d'attribut 9 ;><br>3.</.></article><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="http://www.php.cn/fr/search?word=htmlcss" target="_blank">Html/css</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="http://www.php.cn/fr/faq/359949.html" title="méthode d'écriture de compatibilité avec les points de suspension multilignes CSS">
                        <span>Article précédent：méthode d'écriture de compatibilité avec les points de suspension multilignes CSS</span>
                    </a>
                                    <a href="http://www.php.cn/fr/faq/359951.html"  title="Meilleurs paramètres de taille de police pour mobile">
                        <span>Article suivant：Meilleurs paramètres de taille de police pour mobile</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="http://www.php.cn/fr/faq/1796629438.html">Les clés du codage : libérer la puissance du C pour les débutants</a>
                            </div>
                            <div>2024-10-13 11:44:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796629203.html">Connectez votre site Web aux bases de données avec PHP et MySQL</a>
                            </div>
                            <div>2024-10-13 09:56:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627843.html">Résolution de problèmes avec Python : débloquez des solutions puissantes en tant que codeur débutant</a>
                            </div>
                            <div>2024-10-11 20:58:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627712.html">Python Power, simplifié : une approche de la programmation adaptée aux débutants</a>
                            </div>
                            <div>2024-10-11 16:53:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627515.html">PHP et médias sociaux : intégrez votre site Web au monde</a>
                            </div>
                            <div>2024-10-11 11:54:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627348.html">Galeries d'images dynamiques avec PHP : présentez votre travail en ligne</a>
                            </div>
                            <div>2024-10-10 16:21:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627317.html">Créez des API et des services Web avec PHP</a>
                            </div>
                            <div>2024-10-10 15:18:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627273.html">Démystifier Java : un chemin clair et simple pour les nouveaux programmeurs</a>
                            </div>
                            <div>2024-10-10 13:34:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627270.html">Créer des jeux et des graphiques avec C : une introduction amusante et pratique</a>
                            </div>
                            <div>2024-10-10 13:26:26</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/fr/faq/1796627154.html">Comment jouer Cheng Yaojin dans Glory of Kings ?</a>
                            </div>
                            <div>2024-10-10 11:38:42</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="http://www.php.cn/fr/wenda/176405.html"  target="_blank" title="Où sont les didacticiels sur la cartographie mentale CSS ?" class="wdcdcTitle">Où sont les didacticiels sur la cartographie mentale CSS ?</a>
                            <a href="http://www.php.cn/fr/wenda/176405.html" class="wdcdcCons">Didacticiel</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-16 10:10:18</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>0</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>1335</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/fr/wenda/176403.html"  target="_blank" title="Conversion automatique PX en erreur REM" class="wdcdcTitle">Conversion automatique PX en erreur REM</a>
                            <a href="http://www.php.cn/fr/wenda/176403.html" class="wdcdcCons"> <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-16 09:34:16</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>0</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>4687</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/fr/wenda/176396.html"  target="_blank" title="La page ne peut soudainement plus extraire le CSS ou le bootstrap" class="wdcdcTitle">La page ne peut soudainement plus extraire le CSS ou le bootstrap</a>
                            <a href="http://www.php.cn/fr/wenda/176396.html" class="wdcdcCons">Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-06 21:58:04</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>800</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/fr/wenda/176389.html"  target="_blank" title="Modifier dynamiquement les styles CSS en ligne dans Javafx" class="wdcdcTitle">Modifier dynamiquement les styles CSS en ligne dans Javafx</a>
                            <a href="http://www.php.cn/fr/wenda/176389.html" class="wdcdcCons">J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-06 20:57:16</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>487</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/fr/wenda/176388.html"  target="_blank" title="Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ?" class="wdcdcTitle">Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ?</a>
                            <a href="http://www.php.cn/fr/wenda/176388.html" class="wdcdcCons">J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> Depuis 2024-04-06 20:45: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>2</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>386</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="http://www.php.cn/fr/faq/zt" target="_blank">Plus>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/jsjyyly"><img src="https://img.php.cn/upload/subject/202407/22/2024072214192342486.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Domaines d'application informatique" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/jsjyyly" class="title-a-spanl" title="Domaines d'application informatique"><span>Domaines d'application informatique</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/nullpointerex"><img src="https://img.php.cn/upload/subject/202407/22/2024072214075044480.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="exception nullpointerexception" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/nullpointerex" class="title-a-spanl" title="exception nullpointerexception"><span>exception nullpointerexception</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/pdkcybkc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214152580049.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="La différence entre la charge rapide PD et la charge rapide générale" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/pdkcybkc" class="title-a-spanl" title="La différence entre la charge rapide PD et la charge rapide générale"><span>La différence entre la charge rapide PD et la charge rapide générale</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/qcfddfsynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072213300017514.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quels sont les moyens de dégager les flotteurs ?" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/qcfddfsynx" class="title-a-spanl" title="Quels sont les moyens de dégager les flotteurs ?"><span>Quels sont les moyens de dégager les flotteurs ?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/dnxs651cwdmjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072212280556057.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Solution au code d'erreur d'affichage de l'ordinateur 651" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/dnxs651cwdmjj" class="title-a-spanl" title="Solution au code d'erreur d'affichage de l'ordinateur 651"><span>Solution au code d'erreur d'affichage de l'ordinateur 651</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/ltdnrhgxdyj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213281166202.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment partager une imprimante entre deux ordinateurs" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/ltdnrhgxdyj" class="title-a-spanl" title="Comment partager une imprimante entre deux ordinateurs"><span>Comment partager une imprimante entre deux ordinateurs</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/linuxckdksgkf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212241252679.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Vérifiez si le port est ouvert sous Linux" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/linuxckdksgkf" class="title-a-spanl" title="Vérifiez si le port est ouvert sous Linux"><span>Vérifiez si le port est ouvert sous Linux</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/fr/faq/sqlprocedurey"><img src="https://img.php.cn/upload/subject/202407/22/2024072212282144846.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Solution à l'erreur de syntaxe de la procédure SQL" /> </a>
                            <a target="_blank" href="http://www.php.cn/fr/faq/sqlprocedurey" class="title-a-spanl" title="Solution à l'erreur de syntaxe de la procédure SQL"><span>Solution à l'erreur de syntaxe de la procédure SQL</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="Que signifie l'URL ?" href="http://www.php.cn/fr/faq/418772.html">Que signifie l'URL ?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Que signifie DOM ?" href="http://www.php.cn/fr/faq/414303.html">Que signifie DOM ?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Comment changer la taille de l'image" href="http://www.php.cn/fr/faq/414252.html">Comment changer la taille de l'image</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Comment mettre la police en gras en HTML" href="http://www.php.cn/fr/faq/414520.html">Comment mettre la police en gras en HTML</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Comment définir la taille des images HTML" href="http://www.php.cn/fr/faq/475145.html">Comment définir la taille des images HTML</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="http://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="http://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="http://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>1417481 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://www.php.cn/fr/course/74.html" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" href="http://www.php.cn/fr/course/74.html">Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine</a>
                                    <div class="wzrthreerb">
                                        <div>4258670 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="74">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://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="http://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a>
                                    <div class="wzrthreerb">
                                        <div>2483972 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://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="http://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>504162 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://www.php.cn/fr/course/2.html" title="Tutoriel d'introduction PHP base zéro" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutoriel d'introduction PHP base zéro"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutoriel d'introduction PHP base zéro" href="http://www.php.cn/fr/course/2.html">Tutoriel d'introduction PHP base zéro</a>
                                    <div class="wzrthreerb">
                                        <div>858791 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="2">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                    </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="http://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="http://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 >1417481 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="http://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="http://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a>
                                <div class="wzrthreerb">
                                    <div >2483972 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="http://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="http://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 >504162 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="http://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="http://www.php.cn/fr/course/901.html">Introduction rapide au développement web front-end</a>
                                <div class="wzrthreerb">
                                    <div >215346 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="http://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="http://www.php.cn/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a>
                                <div class="wzrthreerb">
                                    <div >878900 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="http://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="http://www.php.cn/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a>
                                <div class="wzrthreerb">
                                    <div >6537 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="http://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="http://www.php.cn/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a>
                                <div class="wzrthreerb">
                                    <div >5109 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="http://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="http://www.php.cn/fr/course/1646.html">Aller au langage pratique GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >4282 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="http://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="http://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 >635 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="http://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="http://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 >21804 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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://www.php.cn/fr/about/us.html">À propos de nous</a>
            <a href="http://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a>
            <a href="http://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>