In diesem Artikel zeige ich Ihnen, wie Sie Text mit HTML-Tags formatieren.

In diesem Artikel lernen wir die häufig verwendeten HTML-Tags kennen, dann wenden wir CSS an, um Layouts zu erstellen, um die Website schöner zu machen. Die HTML-Tags, die ich präsentiere, sind relativ einfach, sodass Sie Google verwenden können, um nach jedem Programmier-Blog zu suchen.

1. Gemeinsame HTML-Tags für Textformate

Das Folgende ist eine Liste von HTML-Tags, die zum Formatieren von Text verwendet werden.

Tag p – Textsegment

Das p-Tag bedeutet paragrap und wird verwendet, um Text in einem Aufsatz zu segmentieren. Beim Schreiben müssen Sie in Absätze unterteilen, jeder Absatz ist eine Idee oder eine Gruppe vieler verwandter Ideen. Das erleichtert anderen das Lesen ungemein.

Das folgende Beispiel habe ich in zwei Absätze unterteilt. Wenn Sie nach oben laufen, sehen Sie, dass der Abstand zwischen den beiden Absätzen durch eine Leerzeile getrennt ist.

 <p> Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis. </p> <p> Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis. </p>

 Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis. Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis.

Karte br – Drop-in-Line

Karte br zum Entladen verwendet. Wenn Sie das br -Tag verwenden, verschiebt der Browser den gesamten Text, der nach dem br-Tag beginnt, in eine neue Zeile. Der Unterschied zwischen dem p-Tag und dem br-Tag besteht darin, dass das br-Tag keinen zu langen Abstand zwischen den beiden Absätzen haben wird, während das p-Tag dies tut.

 <p> Chào mừng bạn đến với <br/> web888.vn </p>

 Chào mừng bạn đến với web888.vn

Tag b – fett

Das b-Tag bewirkt, dass ein Absatz fett dargestellt wird. Seine Anzeigeverwendung ist die gleiche wie beim Strong-Tag.

 <p> Chào mừng bạn đến với <b>web888.vn</b> </p>

Starkes Tag – Betonung

Das starke Tag hat die gleiche Wirkung wie das b-Tag, dh es wird den Absatz hervorheben und hervorheben. Von der Bedeutung her ist es jedoch das hervorhebende Tag für den Inhalt.

 <p> Chào mừng bạn đến với <strong>web888.vn</strong> </p>

Karte i – kursiv

Das i-Tag bedeutet Kursiv, hat den Effekt, dass der Text kursiv dargestellt wird.

 <p> Chào mừng bạn đến với <i>web888.vn</i> </p>

Kleines Etikett – kleine Buchstaben

Das kleine Tag wird verwendet, um Text kleiner als normal zu formatieren.

 <p> Chào mừng bạn đến với <small>web888.vn</small> </p>

Tag – Hightline

Das Mark-Tag wird verwendet, um die Hightline für den Absatz zu markieren.

 <p> Chào mừng bạn đến với <mark>web888.vn</mark> </p>

Card del – mittlerer Strich

Das del-Tag wird verwendet, um eine Linie zwischen Absätzen zu ziehen.

 <p> Chào mừng bạn đến với <del>web888.vn</del> </p>

Sub-Tag – nach unten springen

Das Sub-Tag wird verwendet, um den Text unter den Absatz springen zu lassen.

 <p> Chào mừng bạn đến với <sub>web888.vn</sub> </p>

Sup-Karte – springe auf die Spitze

Das sup-Tag wird verwendet, um den Text so zu verschieben, dass er über den Absatz springt.

 <p> Chào mừng bạn đến với <sup>web888.vn</sup> </p>

2. Einfache Übungen zum Formatieren von Text in HTML

Lassen Sie uns einen HTML-Code erstellen, der den gesamten Inhalt der Tags enthält, die wir in Teil 1 gelernt haben. Ich lasse Sie üben. Oder Sie können sich auf das Beispiel unten beziehen.

 <p> Chào mừng bạn đến với website học lập trình <i>web888.vn</i> <br/> Đây là bài học <strong>các thẻ HTML định dạng văn bản</strong>, bạn hãy tham khảo và thực hành tất cả cá ví dụ nhé. </p> <p> Khi làm việc với văn bản thì chúng ta thường có những <b>thủ thuật riêng</b> để giúp đoạn văn nhìn trôi chảy hơn. </p>

Oben sind die Tags aufgeführt, die üblicherweise zum Formatieren von Text verwendet werden. Zusätzlich zu diesen Tags können wir stattdessen CSS verwenden und normalerweise verwenden wir diese Methode häufiger.

Dieser Artikel endet hier, im nächsten erfahren wir etwas über HTML-Tags im Tabellenformat.