Maison >Problème commun >Collection complète de balises HTML

Collection complète de balises HTML

zbt
zbtoriginal
2023-11-27 10:05:341935parcourir

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 class="nphpQianMsg"><a href="javascript:void(0);">html5</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">select</a> <a href="javascript:void(0);">canvas</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">ul</a> <a href="javascript:void(0);">table</a> <a href="javascript:void(0);">td</a> <a href="javascript:void(0);">tr</a> <a href="javascript:void(0);">th</a> <a href="javascript:void(0);">li</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration:</span><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><div class="nphpSytBox"><span>Article précédent:<a class="dBlack" title="Quelles sont les utilisations de require ?" href="https://m.php.cn/fr/faq/631020.html">Quelles sont les utilisations de require ?</a></span><span>Article suivant:<a class="dBlack" title="Quelles sont les utilisations de require ?" href="https://m.php.cn/fr/faq/631039.html">Quelles sont les utilisations de require ?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/457892.html" title="Comment résoudre le problème de conversion des balises HTML php" class="aBlack">Comment résoudre le problème de conversion des balises HTML php</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/474087.html" title="Comment centrer l'image en HTML" class="aBlack">Comment centrer l'image en HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/475107.html" title="Comment supprimer les balises HTML en Python" class="aBlack">Comment supprimer les balises HTML en Python</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/475381.html" title="Comment définir la couleur de la police HTML" class="aBlack">Comment définir la couleur de la police HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/477356.html" title="Comment centrer le texte en HTML" class="aBlack">Comment centrer le texte en HTML</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/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://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' 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>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>