简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Maison
Article
Questions et réponses
Cours
Sujet
Télécharger
Jeu
Dictionnaire
mises à jour récentes

Maison  >  Article  >  interface Web  >  De quoi est constitué un fichier html ?

De quoi est constitué un fichier html ?

下次还敢
下次还敢original
2024-04-11 04:19:51741parcourir

Les fichiers HTML sont composés des éléments suivants : Déclaration de type de document Élément Élément (contient des métadonnées) Élément (définit le titre) Élément <body> définition Type de contenu) Propriétés (modifier le comportement ou l'apparence) Commentaires (ajouter des descriptions) Scripts (ajouter de l'interactivité) Styles (définir la présentation visuelle) </p></blockquote> <p><img src="https://img.php.cn/upload/article/202404/11/2024041104195362679.jpg" alt="De quoi est constitué un fichier html ?" ></p> <p><strong>Construction de fichiers HTML</strong></p> <p>Les fichiers HTML (Hypertext Markup Language) sont des formulaires la base des pages Web. Il définit le contenu, la mise en page et la structure d'une page Web. Les fichiers HTML sont composés des éléments suivants : </p> <p><strong>1. Déclaration de type de document</strong></p> <p>Chaque fichier HTML commence par une déclaration de type de document, qui déclare la version HTML du fichier. Par exemple : </p> <pre class="brush:php;toolbar:false"><code class="html"><!DOCTYPE html></code></pre> <p><strong>2. L'élément <html> </strong></p> <p><html> est l'élément racine du fichier HTML, qui contient tout le contenu de la page Web entière. </p> <p><strong>3. L'élément <head> </strong></p> <p><head> contient des métadonnées de la page Web, telles que le titre de la page, la description et les liens. </p> <p><strong>4. L'élément <title> </strong></p> <p><title> définit le titre de la page Web, qui sera affiché dans la barre d'onglets du navigateur. </p> <p><strong>5. L'élément <body> </strong></p> <p><body> contient le contenu visible d'une page Web, tel que du texte, des images et des vidéos. </p> <p><strong>6. Éléments HTML </strong></p> <p>Les éléments HTML sont utilisés pour définir différents types de contenu tels que des paragraphes, des titres, des listes et des liens. </p> <p><strong>7. Attributs </strong></p> <p>Les éléments HTML peuvent utiliser des attributs pour modifier leur comportement ou leur apparence. Par exemple, l'attribut align de l'élément <p> peut être utilisé pour aligner des paragraphes. </p> <p><strong>8. Commentaires </strong></p> <p>Les commentaires HTML peuvent ajouter des instructions dans le code HTML, ces commentaires ne seront pas affichés sur la page Web. Les commentaires utilisent les symboles <!-- et --> </p> <p><strong>9. Scripts </strong></p> <p>Les fichiers HTML peuvent contenir des scripts, tels que JavaScript, qui sont utilisés pour ajouter de l'interactivité aux pages Web. </p> <p><strong>10. Styles </strong></p> <p>Les fichiers HTML peuvent utiliser des feuilles de style (telles que CSS) pour définir la présentation visuelle d'une page Web, comme les polices, les couleurs et la mise en page. </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);">JavaScript</a> <a href="javascript:void(0);">css</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">样式表</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="Que comprend le fichier html et de quoi est-il composé ?" href="http://m.php.cn/fr/faq/743570.html">Que comprend le fichier html et de quoi est-il composé ?</a></span><span>Article suivant：<a class="dBlack" title="Que comprend le fichier html et de quoi est-il composé ?" href="http://m.php.cn/fr/faq/743572.html">Que comprend le fichier html et de quoi est-il composé ?</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/412141.html" title="Comment définir le style de police gras en CSS" class="aBlack">Comment définir le style de police gras en CSS</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/412560.html" title="Que signifie margin:auto en CSS ? Explication détaillée de l'utilisation de l'attribut margin:auto" class="aBlack">Que signifie margin:auto en CSS ? Explication détaillée de l'utilisation de l'attribut margin:auto</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/473968.html" title="Comment configurer CSS pour dépasser le retour à la ligne automatique" class="aBlack">Comment configurer CSS pour dépasser le retour à la ligne automatique</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/474243.html" title="Comment centrer une image en CSS" class="aBlack">Comment centrer une image en CSS</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/482865.html" title="Comment configurer CSS pour dépasser les ellipses d'affichage" class="aBlack">Comment configurer CSS pour dépasser les ellipses d'affichage</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>