Maison  >  Article  >  interface Web  >  Quelles sont les balises simples et doubles courantes en HTML5

Quelles sont les balises simples et doubles courantes en HTML5

青灯夜游
青灯夜游original
2022-05-30 16:06:0016961parcourir

Balises simples courantes en HTML5 : 1. br, définit les sauts de ligne ; 2. hr, définit les lignes horizontales ; 3. img, définit les images ; 4. input, définit les zones de saisie, etc. Balises doubles courantes : 1. html, définit le document HTML ; 2. head, définit l'en-tête du document ; 3. p. 4. span ;

Quelles sont les balises simples et doubles courantes en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Les balises HTML sont divisées en balises doubles et balises simples. Les balises simples sont composées d'une balise (telle que
), et les balises doubles sont composées de deux parties : une "balise de début" et une "balise de fin".

  • Les balises simples sont également appelées balises vides car ce sont des éléments de balise HTML sans contenu. Ce sont des éléments qui sont fermés dans la balise de début et il n'y a pas d'appariement.

html5 balises simples et doubles communes

catégories de balises balises communes
balises simples

  • nouvelles lignes)

  • (définir l'image)

  • (définir la zone de saisie)

  • (fournir HTML Métadonnées du document)

  • (définir la relation entre le document et les ressources externes, souvent utilisées pour lier des feuilles de style)

Balises doubles ), (définir l'en-tête du document), (définir le titre du document), <body>, <table>, <td>, <span>, < ;p>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <objet>, <style>, < ;b>, <u>, <strong>, <i>, <div>, <a>, <script>, <center></td> </tr> </tbody></table> <p><strong>Connaissances approfondies : balisage html5</strong> </p> <p>Les balises de balisage du langage de balisage hypertexte (abréviation de langue étrangère : HTML) sont souvent appelées balises HTML. Les balises HTML sont l'unité la plus élémentaire du langage HTML. Les balises HTML sont le composant le plus important du HTML (une application relevant du langage de balisage universel standard). ). </p> <p>La casse des balises HTML n'est pas pertinente. Par exemple, "body" <body> signifie la même chose que <BODY>. Il est recommandé d'utiliser des minuscules. </p> <p>Caractéristiques : </p> <ul style="list-style-type: disc;"> <li><p>Les mots clés entourés de crochets angulaires, tels que <html> </p></li> <li><p> apparaissent généralement par paires, telles que <div> et </div> est la balise d'ouverture et la deuxième balise est la balise de fermeture </p></li> <li><p>Les balises d'ouverture et de fermeture sont également appelées balises d'ouverture et balises de fermeture ; </p></li> <li><p>Il existe également des balises présentées séparément, telles que : <img src="Baidu Encyclopedia.jpg" /> </p></li> <li><p> Tags qui apparaissent généralement par paires, leur contenu se trouve au milieu des deux tags. Si l'étiquette est présentée séparément, la valeur est attribuée dans l'attribut label. Tels que <h1>title</h1> et <input type="text" value="button" />. </p></li> <li><p>Le contenu de la page Web doit être dans la balise <html>, le titre, le format des caractères, la langue, la compatibilité, les mots-clés, la description et d'autres informations sont affichés dans la balise <head> affiché sur la page Web doit être imbriqué dans la balise <body> Parfois, le code écrit dans des formats non standard peut être affiché normalement, mais en tant que qualité professionnelle, des habitudes d'écriture formelles doivent être développées. </p></li> <li> <p>Recommandations associées : "</p>Tutoriel vidéo HTML</li>"</ul><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);">Object</a> <a href="javascript:void(0);">样式表</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">table</a> <a href="javascript:void(0);">td</a> <a href="javascript:void(0);">tr</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="Comment vérifier que l'entrée ne peut pas être vide dans jquery" href="http://m.php.cn/fr/faq/492425.html">Comment vérifier que l'entrée ne peut pas être vide dans jquery</a></span><span>Article suivant:<a class="dBlack" title="Comment vérifier que l'entrée ne peut pas être vide dans jquery" href="http://m.php.cn/fr/faq/492428.html">Comment vérifier que l'entrée ne peut pas être vide dans jquery</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/fr/faq/491294.html" title="Quelles sont les classifications des éléments html5 ?" class="aBlack">Quelles sont les classifications des éléments html5 ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/491313.html" title="Deux div HTML5 peuvent-ils être placés sur une seule ligne ?" class="aBlack">Deux div HTML5 peuvent-ils être placés sur une seule ligne ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/491452.html" title="Quelle est la taille de police par défaut de HTML5" class="aBlack">Quelle est la taille de police par défaut de HTML5</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/492055.html" title="La figure est-elle une nouvelle balise en HTML5 ?" class="aBlack">La figure est-elle une nouvelle balise en HTML5 ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/492423.html" title="La balise acronyme html5 la prend-elle toujours en charge ?" class="aBlack">La balise acronyme html5 la prend-elle toujours en charge ?</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><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></html>