Maison  >  Article  >  interface Web  >  Résumé des connaissances HTML

Résumé des connaissances HTML

怪我咯
怪我咯original
2017-01-16 11:51:021710parcourir

1. Accédez à une nouvelle page :

target="_self" ne saute pas

Paramètre de saut pour la soumission du formulaire

2. Cliquez sur le bouton pour accéder à d'autres pages et ajouter

onclick="return false"

3. display:block; élément de niveau bloc, c'est-à-dire qu'il peut définir une certaine largeur et hauteur et occupent une ligne, comme l'élément div, display:inline-block, les éléments de niveau ligne tels que les éléments p, ce qui signifie qu'il peut regrouper sur une seule ligne des éléments qui sont également définis comme éléments de niveau ligne, puis vous pouvez définir la largeur et la hauteur. Ceci convient à la création d'un menu de navigation et à la configuration de chaque élément de menu, éléments au niveau de la ligne. Sa largeur et sa hauteur correspondent par défaut à la largeur et à la hauteur du contenu, et un élément typique est un élément de classe de formulaire. dispaly : inline. Les éléments au niveau de la ligne, la largeur et la hauteur ne peuvent pas être définis. La largeur et la hauteur par défaut sont la largeur et la hauteur du contenu. Des exemples typiques sont span,

4.

cursor: pointer;

5. Attributs de l'image d'arrière-plan HTML :

background-size:100%;, mais la largeur et la hauteur de votre image doivent être définies sur 100 %. attention au fichier .php Le background-image:url(); à l'intérieur n'est pas simple à utiliser et invalide Vous devez utiliser le chemin absolu du site background:url('/20151106/404/image/404.png'. ) sans répétition 4px 5px;}background:url ("11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

C'est le corps qui ajoute un arrière-plan à la page{padding : 0px;margin: 0px;background-color:#494949;width:100%;height:100%;}.

Vous pouvez également utiliser l'arrière-plan -image:url("" lors de la définition de l'image de fond ); Cet attribut est utilisé pour définir le fond, mais l'image doit être au format gif

6. Afficher le format du texte selon le mode de sortie : < ;pre>Ligne horizontale :
< ;q>balise guillemet double souligné

7. position/relative/absolute/fixed/Le résumé des trois méthodes de positionnement de mise en page relative est Selon lui, absolu est basé sur le navigateur, mais il convient de noter que s'il a un élément parent, alors il change de position en fonction du élément parent.

8. Supprimez les points noirs devant la liste non ordonnée li{list-style:none;>

9. Éléments cachés - affichage : aucun ou visibilité : caché

affichage- Une fois cet élément défini, l'élément d'origine n'occupera pas l'espace actuel et n'affectera pas la mise en page. Cependant, ce dernier occupera toujours de l'espace après avoir été masqué

10 HTML caché redondant

<.>Div{overflow :hidden>

10. Masquer adaptatif : overflow:auto;

11. Questions sur le cadre

Il s'agit d'accepter la page que vous souhaitez. display

indx.php est la page affichée par le cadre, en haut, c'est-à-dire qu'elle est affichée sans boutons

C'est ici que vous souhaitez l'afficher après avoir cliqué : target=""

Ajouter une catégorie

12. c'est-à-dire que vous avez défini un div mais ne l'avez pas fait. Mettez votre photo en haut. Ensuite, il y a cet attribut

overflow:hidden;

C'est-à-dire que vous appartenez à l'élément parent, mais votre float est séparé du texte et devient flottant, donc tout ne le sera pas. Nous utilisons l'espace des éléments parent-enfant, alors ajoutez ceci overflow:hidden;

13. Paramètres d'ancrage

Ajoutez ceci à la page à laquelle vous souhaitez accéder : < >

Ajoutez ensuite pour trouver le point d'ancrage où vous souhaitez ajouter le lien

14. Cliquez pour modifier la vérification image de code

15. Coins arrondis

border-radius:5px;

16 , le texte de gauche de la zone de texte est à l'extrême gauche

style="vertical-align:top"

17. Éléments de bloc HTML et éléments en ligne En résumé, éléments de bloc peuvent définir la marge, mais lors de l'utilisation de la marge, ils doivent respecter : 1. Les éléments de bloc, 2. Les éléments en ligne ne peuvent pas définir les attributs de marge, de largeur et de hauteur, et ne peuvent définir que le remplissage

.

Liste des éléments de bloc :

Définir l'adresse

Définir le titre de la table



définit une section ou une section dans le document

définit une liste


Définir un frameset

Créer un formulaire HTML

Définir le plus grand titre

Définir le sous-titre

Définir le titre

Définir le titre

Définir le titre

Définir le plus petit titre


Créer une ligne horizontale

l'élément définit le titre pour

L'étiquette
  • définit l'élément de liste

    Afficher le texte pour les navigateurs qui ne prennent pas en charge les frames, à l'intérieur de l'élément frameset<br><br><noscript>Définir un contenu alternatif lorsque le script ne l'est pas exécuté<br><br><ol>Définir une liste ordonnée<br><br><ul>Définir une liste non ordonnée<br><br><p>Paragraphe de définition de balise<br><br><pre class="brush:php;toolbar:false"> Définir le préformatage Le texte de la balise <br><br><table> définit le tableau HTML <br><br><tbody> balise le corps du tableau (texte) <br><br><td>Cellules standard du tableau <br><br><tfoot>Définir le pied de page (note de bas de page ou note de tableau) du tableau<br><br><th>Définir la cellule d'en-tête<br><br><thead>L'étiquette définit le en-tête du tableau <br><br><tr> Définir les lignes du tableau <br><br> Liste des éléments en ligne <br></p><a> ;abbr> représentation Une forme d'abréviation <h2></h2><acronyme> définit uniquement l'acronyme <p><br><b> la police en gras <br><br><bdo> 🎜 ><br><big>Grande police en gras<br><br><br>Saut de ligne<br><br><cite>Citation à définir<br><br><code>Définir le code informatique Texte<br><br><dfn>Définir un élément de définition<br><br><em> Définir le contenu à mettre en valeur<br><br><i>Effet de texte italique<br><br>&lt ;img>Intégrer une image dans une page Web<br><br><input>Zone de saisie<br><br><kbd>Définir le texte du clavier<br><br><label>L'étiquette est <br> <br><input> Annotation de définition d'élément (balise) <br><br><q> Définir une courte référence <br><br><samp> Créez un menu à sélection unique ou multiple<br><br><small> Présentez un petit effet de police<br><br><span> Combinez des éléments en ligne dans le document<br><br><strong> le ton Contenu fortement accentué<br><br><sub>Définir le texte en indice<br><br><sup>Définir le texte en exposant<br><br><textarea>Contrôle de saisie de texte multiligne<br> <br><tt>Machine à écrire ou effet de texte à largeur fixe<br><br><var>Définir des variables<br><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="Explication détaillée de l'utilisation de HTMLParser (3)" href="http://m.php.cn/fr/faq/347360.html">Explication détaillée de l'utilisation de HTMLParser (3)</a></span><span>Article suivant:<a class="dBlack" title="Explication détaillée de l'utilisation de HTMLParser (3)" href="http://m.php.cn/fr/faq/348804.html">Explication détaillée de l'utilisation de HTMLParser (3)</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/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><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>