HTML-Grundlagen(3)

w3school: http://www.w3school.com.cn/

runoob: http://www.runoob.com/

HTML-Tag-Referenzhandbuch: http://www.runoob.com/tags/html-reference.html

HTML-Farbname: http://www.runoob.com/tags/html-colorname.html

Online-Tool: http://tool.oschina.net/

ProcessOn: https://www.processon.com/

wird oft verwendet, um Inline-Elemente zu gruppieren, damit sie über CSS-Stile geändert werden können

wird häufig verwendet, um Elemente auf Blockebene zu kombinieren, sodass sie über CSS-Stile geändert werden können

wird häufig verwendet, um eine Zeile Computer-Quellcode anzuzeigen. Der Text innerhalb der Beschriftung wird in einer Schriftart mit fester Breite angezeigt

</span></p>
<p><span style="font-size: 13px;"> wird oft verwendet, um mehrzeiligen Computer-Quellcode anzuzeigen. Der Text innerhalb der Beschriftung wird in einer Schriftart mit fester Breite angezeigt und Leerzeichen und Zeilenumbrüche bleiben erhalten </span></p>
<p><span style="font-size: 13px;"> </span></p>
<p><span style="font-size: 13px;"><span style="line-height: 20.5263px; background-color: #ffff99;">Globale Eigenschaften</span></span></p>
<p><span style="font-size: 13px;"><span style="background-color: #ffff99;">Zugriffsschlüssel</span></span></p>
<p><span style="font-size: 13px;">Tastenkombinationen festlegen, Verwendung: Alt-Wert</span></p>
<div class="cnblogs_code">
<pre class="brush:php;toolbar:false"><span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="http://www.taobao.com"</span><span style="color: #ff0000;"> accesskey</span><span style="color: #0000ff;">="t"</span><span style="color: #0000ff;">></span>淘宝<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="http://www.jd.com"</span><span style="color: #ff0000;"> accesskey</span><span style="color: #0000ff;">="j"</span><span style="color: #0000ff;">></span>京东<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></span></span>

Elemente, die Accesskey-Attribute unterstützen: , , , , ,

, </span></p> <p><span style="font-size: 13px; background-color: #ffff99;">inhaltlich editierbar</span></p> <p><span style="font-size: 13px;">Gibt an, ob der Inhalt des Elements bearbeitet werden kann. Wenn das contenteditable-Attribut im Element nicht festgelegt ist, erbt das Element vom übergeordneten Element </span></p> <p><span style="font-size: 13px;">true: Das angegebene Element kann bearbeitet werden </span></p> <p><span style="font-size: 13px;">false: Das angegebene Element kann nicht bearbeitet werden </span></p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">contenteditable</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>这是一个可编辑段落。<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span></span></pre> </div> <p><span style="font-size: 13px; background-color: #ffff99;">versteckt</span></p> <p><span style="font-size: 13px;">Gibt an, dass Elemente ausgeblendet werden sollen, sodass Benutzer ein Element nur sehen können, wenn bestimmte Bedingungen erfüllt sind. Anschließend kann JavaScript verwendet werden, um das ausgeblendete Attribut sichtbar zu machen</span></p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">p </span><span style="color: #ff0000;">hidden</span><span style="color: #0000ff;">></span>这是一段隐藏的段落。<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span></span></pre> </div> <p><span style="font-size: 13px; background-color: #ffff99;">Sprache</span></p> <p><span style="font-size: 13px;">Gibt die Sprache des Elementinhalts an, <html lang="en"></span></p> <p><span style="font-size: 13px;">Sprachcode-Referenzhandbuch: http://www.runoob.com/tags/html-lingual-codes.html</span></p> <p><span style="font-size: 13px; background-color: #ffff99;">Rechtschreibprüfung</span></p> <p><span style="font-size: 13px;">Gibt an, ob der Elementinhalt einer Rechtschreibprüfung unterzogen werden soll</span></p> <p><span style="font-size: 13px;">Der folgende Text kann einer Rechtschreibprüfung unterzogen werden: </span></p> <p><span style="font-size: 13px;">Der Wert im Eingabeelement vom Typ Text (nicht Passwort) </span></p> <p><span style="font-size: 13px;">Der Wert im Textarea-Element</span></p> <p><span style="font-size: 13px;">Wert im bearbeitbaren Element</span></p> <p><span style="font-size: 13px;">true: Gibt an, dass der Text des Elements einer Rechtschreibprüfung unterzogen werden soll</span></p> <p><span style="font-size: 13px;">false: Gibt an, dass der Text des Elements nicht auf Rechtschreibung geprüft werden soll</span></p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">p </span><span style="color: #ff0000;">contenteditable</span><span style="color: #0000ff;">="true"</span><span style="color: #ff0000;"> spellcheck</span><span style="color: #0000ff;">="true"</span><span style="color: #0000ff;">></span>这是可编辑的段落，请试着编辑文本。<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span></span></pre> </div> <p><span style="font-size: 13px; background-color: #ffff99;">Tabindex</span></p> <p><span style="font-size: 13px;">Gibt die Reihenfolge der Elemente beim Navigieren mit der Tabulatortaste an</span></p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">p </span><span style="color: #ff0000;">tabindex</span><span style="color: #0000ff;">="2"</span><span style="color: #0000ff;">></span>W3CSchool<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p </span><span style="color: #ff0000;">tabindex</span><span style="color: #0000ff;">="1"</span><span style="color: #0000ff;">></span>Google<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">p </span><span style="color: #ff0000;">tabindex</span><span style="color: #0000ff;">="3"</span><span style="color: #0000ff;">></span>Microsoft<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span></span></pre> </div> <p><span style="font-size: 13px; background-color: #ffff99;">Titel</span></p> <p><span style="font-size: 13px;">Gibt zusätzliche Informationen zum Element an</span></p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">abbr </span><span style="color: #ff0000;">title</span><span style="color: #0000ff;">="世界卫生组织"</span><span style="color: #0000ff;">></span>WHO<span style="color: #0000ff;"></</span><span style="color: #800000;">abbr</span><span style="color: #0000ff;">></span>成立于1948。</span></pre> </div> <p><span style="font-size: 13px;"> </span></p> <div id="MySignature"></div> <div class="clear"></div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="HTML-KBD-Tastaturelement" href="https://m.php.cn/de/faq/330668.html">HTML-KBD-Tastaturelement</a></span><span>Nächster Artikel：<a class="dBlack" title="HTML-KBD-Tastaturelement" href="https://m.php.cn/de/faq/330670.html">HTML-KBD-Tastaturelement</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</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="https://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</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>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/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><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>