Quels éléments en ligne et éléments de niveau bloc existe-t-il en HTML ?

Les éléments en ligne et les éléments de niveau bloc couramment utilisés en HTML sont : 1. Les éléments de niveau bloc incluent

,

,

et
,
1. ,

   ;~< Balises sémantiques telles que ;h6> et

   2. Les éléments en ligne incluent des balises telles que , ;entrée>.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

Les éléments de niveau bloc couramment utilisés en HTML incluent :

•  : définit un bloc séparé dans le document, généralement en tant que conteneur pour la mise en page CSS.

•  : définissez un paragraphe qui enveloppera automatiquement les lignes et ajoutera un espacement des paragraphes.

• et
   : définissez des listes non ordonnées et des listes ordonnées, chaque élément de liste est un élément de niveau bloc.
  2.  : définissez les éléments de la liste qui doivent être contenus dans

     • ~

        : définissez le titre, où

       est le titre de plus haut niveau.

     • ,

       ,

       ,

       ,

       ,

       et autres balises sémantiques : utilisées pour définir la structure et le contenu de la page.

     De plus, HTML possède également des balises sémantiques, telles que

     ,

     , etc., qui sont également des éléments de niveau bloc. Il convient de noter qu'en définissant display: inline-block; en CSS, certains éléments de niveau bloc peuvent être convertis en éléments de bloc en ligne pour obtenir un effet de mise en page plus flexible.

     Les éléments en ligne couramment utilisés incluent :

     •  : définit une petite partie du texte, généralement utilisée pour définir les styles de texte (tels que la couleur, la police, etc.) ou utilisée pour envelopper d'autres balises.
     •  : définit un lien hypertexte, qui peut contenir d'autres éléments en ligne ou des éléments de niveau bloc.
     • et  : utilisés respectivement pour représenter le texte souligné et italique.
     •  : définit l'image, qui est une balise vide sans balise de fermeture.
     •  : définissez des contrôles de formulaire pour la saisie utilisateur, y compris plusieurs types (tels que des zones de texte, des cases radio, des cases à cocher, etc.), généralement stylisés via CSS.

     De plus, certains éléments de bloc en ligne, tels que , , , etc., peuvent être placés sur la même ligne que d'autres éléments en ligne et avoir leur propre largeur. et haut. Il convient de noter qu'en définissant display: block; en CSS, certains éléments en ligne peuvent être convertis en éléments de niveau bloc, obtenant ainsi un effet de mise en page plus flexible. </p></article></div></div><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);">css</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">select</a> <a href="javascript:void(0);">display</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">ul</a> <a href="javascript:void(0);">li</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="Quels sont les hébergeurs virtuels php gratuits à l’étranger ?" href="https://m.php.cn/fr/faq/619477.html">Quels sont les hébergeurs virtuels php gratuits à l’étranger ?</a></span><span>Article suivant：<a class="dBlack" title="Quels sont les hébergeurs virtuels php gratuits à l’étranger ?" href="https://m.php.cn/fr/faq/619479.html">Quels sont les hébergeurs virtuels php gratuits à l’étranger ?</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/370938.html" title="Résumer trois méthodes de conversion d'éléments en ligne en éléments de niveau bloc" class="aBlack">Résumer trois méthodes de conversion d'éléments en ligne en éléments de niveau bloc</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/469417.html" title="Quelle est la différence entre les éléments de niveau bloc et les éléments en ligne ?" class="aBlack">Quelle est la différence entre les éléments de niveau bloc et les éléments en ligne ?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/470675.html" title="Que sont les éléments HTML en ligne et les éléments de bloc ?" class="aBlack">Que sont les éléments HTML en ligne et les éléments de bloc ?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/476485.html" title="Quels sont les éléments en ligne du HTML" class="aBlack">Quels sont les éléments en ligne du 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>