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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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><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>
