So Erhalten Sie Den P-Tag-Wert In Javascript

| | | | | | | | | | | | | | | | | | | | | | | | | | |

Der HTML- -Tag können Sie Stile auf einen Teil einer Webseite oder einen Absatz anwenden. Es wird häufig verwendet, um den Text in einem Absatz zu stilisieren, beispielsweise durch Ändern der Farbe eines Wortes. Die -Tag hat standardmäßig keine Stile.

Wenn Sie in HTML programmieren, möchten Sie vielleicht etwas Bestimmtes auf Ihrer Webseite gestalten. Sie möchten beispielsweise ein bestimmtes Wort in einem Satz oder einen bestimmten Link in einer Linkliste hervorheben.

Daher kommt das HTML-Tag in. ist ein generischer Inline-Container, mit dem Sie Inhalte in einem Webdokument formulieren können. Das -Tag wird häufig zum Gestalten verwendet, insbesondere zum Gestalten von Text.

In diesem Tutorial wird anhand von Beispielen die Verwendung von HTML erläutert. ; um Elemente auf einer Webseite zu gestalten. Am Ende dieses Tutorials sind Sie ein Experte im Umgang mit dem HTML-Tag .

HTML Tag

Das HTML -Tag manipuliert einen Teil einer Webseite. Es wird oft in einem

-Element, um Stile auf einen bestimmten Teil eines Absatzes anzuwenden. Sie könnten beispielsweise um die Farbe eines Wortes in einem Absatz zu ändern.

Das -Tag selbst hat keine Standarddarstellung oder -werte. Das bedeutet, dass die Verwendung des Tags ohne Attribute keinen Einfluss auf die Darstellung Ihrer Webseite hat.

Das -Tag wird häufig mit CSS verwendet um einen bestimmten Stil auf ein bestimmtes Element oder Elemente auf einer Webseite anzuwenden. macht es Ihnen leicht, einen bestimmten Stil gleichzeitig auf mehrere Elemente einer Webseite anzuwenden.

HTML -Syntax

Das HTML-Tag Span hat sowohl ein öffnendes () als auch ein schließendes ( ). Wir können die folgende Syntax verwenden, um das -Tag zu verwenden:

Das HTML-Tag hat kein Tag -spezifische Attribute. Die Tag hat "H√∂he‚" und ‚ÄûBreite‚" als tagspezifische Attribute. hat keine dieser Arten von Attributen, da es fur das Styling auf CSS angewiesen ist. Das -Tag unterstutzt alle globalen HTML-Attribute.

Sie können sich die Tag ähnlich wie Tags werden verwendet, um Abschnitte und Blöcke eines Textes zu definieren, da

Unser Code gibt Folgendes zuruck:

In unserem Beispiel haben wir die Begriffe "k√∂stliche Backwaren‚" und ‚ÄûTausende‚". Herr Pringle hat uns gesagt, dass diese Begriffe wichtig sind, also haben wir das Programm angewiesen, sie in Rot anzuzeigen.

Wir haben eine Textfolge definiert, die in eingeschlossen ist

HTML-Tags. Dieser Text skizziert die Geschichte der Bäckerei Pringle and Sons. Dann haben wir die Begriffe, die rot erscheinen sollen, in -Tags eingeschlossen.

In unserer CSS-Datei haben wir festgelegt, dass die Farbe jedes Elements, das der redText-Klasse zugewiesen ist sollte rot sein. Dadurch können wir die Farbe unseres Textes in Rot ändern, wenn wir das Tag verwenden.

Das ;-Tag ist in diesem Fall nutzlich, da wir nur bestimmte Wörter in unserem Text hervorheben wollten. Wir hätten den roten Textstil auch auf das

-Tag selbst anwenden können. Dies hätte jedoch zu einem ganzen Absatz mit rotem Text gefuhrt.

HTML in einer Liste

Angenommen, die Bäckerei Pringle and Sons hat uns gebeten, ihrer Website eine Liste mit Links zu ihren Social-Media-Seiten hinzuzufugen.

Die Bäckerei hat festgestellt, dass die Links zu ihren Twitter- und Facebook-Seiten sind besonders wichtig, da das Team auf diesen Plattformen am aktivsten ist. Sie möchten, dass wir diese Links in hellblauem Text hervorheben.

Wir könnten den folgenden Code verwenden, um diese Aufgabe zu erfullen:

Unser Code gibt Folgendes zuruck:

HfpJCIX4ycBUcStlx4EzsAWQzvWNJ 2CLshhieSA BtyOWUe420vh 0KC45uZlVS SsXrpfIP0XBg7turyR5LmnqyarvOug2yL6bfrpS7 KERmAAONXuh5Za9I6x4uL8r FjvWz3

In unserem HTML-Code haben wir eine ungeordnete Liste mit dem "ul" Tag. Diese Liste enthält drei Elemente, die jeweils in

  • -Tags enthalten sind.

  • Die Listenelemente fur Twitter und Facebook sind in HTML-Span-Tags eingeschlossen ( und ). Das √∂ffnende Span-Tag fur jedes Listenelement gibt ein Klassenattribut an. Der Wert des Klassenattributs ist "blue‚".

    Wir haben einen Stil namens .blue definiert, der die Hintergrundfarbe jedes Elements, auf das es angewendet wird, in Hellblau ändert die Hintergrundfarbe aller Links mit der CSS-Klasse .blue in unserem HTML-Code zu hellblau wechseln.

    Die Hintergrundfarbe unseres Instagram-Links hat sich nicht geändert, da wir den Text fur diesen Link nicht in -Tags eingeschlossen haben.

    Schlussfolgerung

    Das HTML-Tag ist ein allgemeiner Container, der verwendet wird, um Stile auf bestimmte Elemente auf einer HTML-Seite anzuwenden. Standardmäßig macht das Tag nichts, aber es kann in Kombination mit CSS verwendet werden, um Stile auf Elemente anzuwenden.

    Definieren Sie als Herausforderung ein ; -Tag, das ein Wort in einem Satz in Großbuchstaben erscheinen lässt. Sie mussen eine CSS-Regel verwenden, um den Text mit Ihrem -Tag.

    In diesem Tutorial wurde anhand von Beispielen erläutert, wie Sie das HTML-Tag <span> in Ihrem Code verwenden. Sie sind jetzt bereit, das Tag wie ein professioneller Webentwickler zu verwenden!

    Anleitung und Unterstutzung beim Erlernen von HTML finden Sie in unserer vollständigen HTML-Anleitung lernen.