Was ist ein HTML -Span -Tag?

Hyper Text Markup Language (HTML) ist ein spezialisierter Satz von Computercodes, mit denen eine Webseite angezeigt wird.Jedes Element wird mit einem bestimmten Code markiert, so dass der Browser den Text so zeigt, wie der Tagger beabsichtigt ist.Das SPAN -Tag wird durch angezeigt und wird verwendet, um einem bestimmten Teil des Textes einen Haken hinzuzufügen.

Das HTML -Span -Tag ähnelt der logischen Teilung oder dem Div -Tag.Beide werden mit Cascading Style Sheets (CSS) verwendet, einer Sprache, mit der Webentwickler HTML-, XHTML- und XML -Webdokumente zuweisen.Die Verwendung von CSS ermöglicht die Trennung des Inhalts von den Präsentationselementen wie Layout, Schriftart und Farbe.Dies macht den Inhalt zugänglicher und die Präsentation flexibler.

Das HTML -Span -Tag ändert sich im Gegensatz zu Tags, die auf Überschriftengröße, Absatz oder Textfarbe hinweisen, keine aktive Änderung des angegebenen Textes.Stattdessen wird dieses Tag verwendet, um einen Teil von HTML zusammen zu gruppieren und einige andere Informationen an diesen Teil anzuschließen.Das HTML -Div -Tag funktioniert ähnlich, aber jedes Tag dient einem anderen Zweck.

Das DIV -Tag teilt eine Webseite in große Abschnitte.Die Verwendung ermöglicht es Entwicklern, den Stil eines großen Abschnitts des HTML -Codes zu definieren.Mit dem DIV -Tag ist die Fähigkeit, die markierten Abschnitte so zu benennen, dass sie in CSS leicht behandelt werden können.Beachten Sie, dass das HTML Div -Tag die Absätze bricht.Mit anderen Worten, Sie haben möglicherweise Absätze in einem mit DIV gekennzeichneten Abschnitt, aber Sie haben möglicherweise kein DIV in einem Absatz.

Das HTML -Span -Tag ähnelt dem DIV -Tag, da es einen Textabschnitt umschließt.Ohne Stilattribute ändert es nicht den von ihm eingeschlossenen Text.Wird keine Formatierung ohne Attribut -Tags ausführen, wobei DIV Pausen enthält.

Drei nützliche Attribute, die mit dem HTML -Span -Tag verwendet werden können, sind Stil, Klasse und ID.Durch die Verwendung von Spannwesen kann ein bestimmtes Attribut an einen kleinen Teil des Textes angeschlossen werden.Wenn beispielsweise ein Satz in einer Stufe 1 geschrieben ist und das letzte Wort rot sein muss, kann das HTML -Span -Tag verwendet werden, um dies zu erreichen.Siehe das Beispiel unten.

<H1> Dies sollte rot sein.In diesem Fall die Farbe rot mdash;ist auf das angegebene einzelne Wort beschränkt.Es ist zu beachten, dass sich das HTML -Span -Tag in Absatz- oder Div -Tags befindet.Wie bei allen HTML -Tags müssen Sie das Element schließen, damit es richtig funktioniert. </H1></p> </div> </div> <div class="content-sidebar col right grid-col-4 elements"> <div class="social-share-buttons-wrapper teaser-module"> <div class="sidebar-adapt"> <div class="inner"> <ul class="social-share-buttons"> <li class="share-fb"><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.helpleft.com/de/internet/what-is-an-html-span-tag.html" target="_blank"><i class="icon ficon-facebook" role="img" aria-hidden="true"></i> Facebook</a></li> <li class="share-tw"><a href="https://twitter.com/share?url=https://www.helpleft.com/de/internet/what-is-an-html-span-tag.html" target="_blank"><i class="icon ficon-twitter" role="img" aria-hidden="true"></i> Twitter</a></li> </ul> </div> </div> </div> </div> </div> </div> </article> </main> <footer class="footer"> <div class="feedback-block"> <div class="adapt v-adapt"> <p> Helfen Sie uns, unseren Onlineauftritt zu verbessern , Haben Sie die gesuchten Informationen gefunden? &nbsp;&nbsp;<i class="icon ficon-mail_outline" aria-label="E-mail" role="img"></i> <a href="mailto:[e-mail]" data-address="[e-mail]" class="js-obfuscated is-reverse">[e-mail]</a> </p> </div> </div> <div class="inner"> <div class="adapt"> <div class="page-meta-details"> <dl> <dd> <a href="https://www.helpleft.com/contact-us.html" target="_blank">Contact Us</a> <span class="page-meta-divider"> | </span> <a href="https://www.helpleft.com/terms-of-use.html" target="_blank">Terms of Use</a> <span class="page-meta-divider"> | </span> <a href="https://www.helpleft.com/privacy-statement.html" target="_blank">Privacy Statement</a> </dd> </dl> </div> <p class="copyright">&copy; HelpLeft.Com All rights reserved.</p> </div> </div> </footer> <div class="adapt"> <div class="scroll-top-wrapper"> <a href="#" role="button" class="scroll-top-btn hidden is-hidden cant-show"><i class="icon ficon-arrow_up" role="img" aria-hidden="true"></i><span class="visuallyhidden">Top</span></a> </div> </div> </div> <div id="search-popup" class="search-popup" aria-hidden="true" aria-modal=true aria-labelledby="searchModalTitle" role="dialog"> <form action="https://www.helpleft.com/search.html"> <fieldset> <legend class="visuallyhidden" id="searchModalTitle">Suche</legend> <div class="field"> <input type="text" id="search-input" name="q" aria-label="Suche" placeholder="Suche"> </div> <div class="action"> <button type="submit" name="submit" class="submit ficon-search" aria-label="Suche"><span class="visuallyhidden">Suche</span></button> </div> </fieldset> </form> <button aria-label="Suche" type="button" class="close-search-btn close-popup-btn close-search "><span class="visuallyhidden">Suche</span></button> </div> <div id="language-popup" class="language-popup" aria-hidden="true" aria-modal=true aria-labelledby="langModalTitle" role="dialog"> <div class="language-select-list"> <h3 class="sr-only" id="langModalTitle">SPRACHEN</h3> <ul class="languages"> <li><a tabindex="-1" href="https://www.helpleft.com/de/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="de" lang="de">Deutsch</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/sv/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="sv" lang="sv">Svenska</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/cs/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="cs" lang="cs">Čeština</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/da/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="da" lang="da">Dansk</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/nl/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="nl" lang="nl">Nederlands</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/no/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="no" lang="no">Norsk</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/ja/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="ja" lang="ja">日本語</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/ko/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="ko" lang="ko">한국어</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/th/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="th" lang="th">ไทย</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/pl/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="pl" lang="pl">Polski</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/fr/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="fr" lang="fr">Français</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/it/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="it" lang="it">Italiano</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/el/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="el" lang="el">Ελληνικά</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/hu/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="hu" lang="hu">Magyar</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/id/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="id" lang="id">Bahasa Indonesia</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/tl/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="tl" lang="tl">Pilipino</a></li> <li><a tabindex="-1" href="https://www.helpleft.com/vi/internet/what-is-an-html-span-tag.html" rel="alternate" hreflang="vi" lang="vi">Tiếng Việt</a></li> </ul> </div> <button aria-label="Close Language Selector" type="button" class="close-language-btn close-popup-btn close-language" tabindex="-1"><span class="visuallyhidden">Close</span></button> </div> <script type="application/javascript" src="/themes/javascript/jquery-3.4.1.min.js"></script> <script type="application/javascript" src="/themes/javascript/underscore.min.js"></script> <script type="application/javascript" src="/themes/javascript/functions.min.js"></script> </body> </html>