Maison  >  Article  >  interface Web  >  Cadre de didacticiel HTML

Cadre de didacticiel HTML

黄舟
黄舟original
2016-12-26 15:26:48970parcourir

Frames
En utilisant des frames, vous pouvez afficher plusieurs pages dans la même fenêtre du navigateur. Chaque document HTML est appelé un cadre et chaque cadre est indépendant des autres cadres.

Inconvénients de l'utilisation des frames :

Les développeurs doivent suivre plus de documents HTML en même temps
Il est difficile d'imprimer la page entière
Frame balise de structure (< ;frameset>)
La balise de structure de cadre () définit comment diviser la fenêtre en cadres
Chaque jeu de cadres définit une série de lignes ou de colonnes
La valeur des lignes/colonnes précise chaque ligne ou colonne La surface occupée par la colonne sur l'écran
Note de l'éditeur : La balise frameset est également traduite par frameset par certains articles et livres.

Balise Frame (Frame)
La balise Frame définit le document HTML placé dans chaque cadre.

Dans l'exemple ci-dessous, nous avons mis en place un cadre à deux colonnes. La première colonne devrait occuper 25 % de la fenêtre du navigateur. La deuxième colonne devrait occuper 75 % de la fenêtre du navigateur. Le document HTML "frame_a.htm" est placé dans la première colonne, et le document HTML "frame_b.htm" est placé dans la deuxième colonne :



À faire et à ne pas faire de base - Conseils utiles :
Si un cadre a une bordure visible, l'utilisateur peut faire glisser la bordure pour modifier sa taille. Pour éviter que cela ne se produise, ajoutez : noresize="noresize" à la balise

Ajoutez la balise pour les navigateurs qui ne prennent pas en charge les frames. </p> <p> </p> <p>Remarque importante : la balise <body></body> et la balise <frameset></frameset> Toutefois, si vous ajoutez une balise <noframes> qui contient un bloc de texte, le texte doit être imbriqué dans une balise <body></body> (Dans le premier exemple ci-dessous, vous pouvez voir comment il est implémenté.) </p> <p> Ce qui précède est le contenu du framework de didacticiel HTML. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www. php.cn) ! <br></p> <p><br></p></div><div class="nphpQianMsg"><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="Tutoriel HTML - En-tête" href="http://m.php.cn/fr/faq/346746.html">Tutoriel HTML - En-tête</a></span><span>Article suivant:<a class="dBlack" title="Tutoriel HTML - En-tête" href="http://m.php.cn/fr/faq/346749.html">Tutoriel HTML - En-tête</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/348757.html" title="Résumé des connaissances HTML" class="aBlack">Résumé des connaissances HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/348804.html" title="Comment apprendre le HTML rapidement" class="aBlack">Comment apprendre le HTML rapidement</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/348873.html" title="La différence entre htmlxhtmlxml" class="aBlack">La différence entre htmlxhtmlxml</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/348884.html" title="La différence entre les attributs src et href" class="aBlack">La différence entre les attributs src et href</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</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="http://m.php.cn/fr/about/us.html">À propos de nous</a><a href="http://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="http://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></html>