Testen Sie Ihre Fähigkeiten: HTML-Textgrundlagen

Ziel dieses Fertigkeitstests ist es einzuschätzen, ob Sie verstehen, wie man Text in HTML auszeichnet, um ihm Struktur und Bedeutung zu geben.

Hinweis: Sie können Lösungen in den interaktiven Editoren auf dieser Seite oder in einem Online-Editor wie CodePen, JSFiddle oder Glitch ausprobieren.

Wenn Sie feststecken, können Sie uns in einem unserer Kommunikationskanäle erreichen.

Aufgabe 1

In dieser Aufgabe möchten wir, dass Sie das bereitgestellte HTML mit semantischen Überschriften- und Absatz-Elementen auszeichnen.

Das fertige Beispiel sollte so aussehen:

Versuchen Sie, den unten stehenden Live-Code zu aktualisieren, um das fertige Beispiel nachzubilden:

Laden Sie den Startpunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.

Aufgabe 2

In dieser Aufgabe möchten wir, dass Sie die erste nicht ausgezeichnete Liste in eine ungeordnete Liste und die zweite in eine geordnete Liste umwandeln.

Das fertige Beispiel sollte so aussehen:

Versuchen Sie, den unten stehenden Live-Code zu aktualisieren, um das fertige Beispiel nachzubilden:

Laden Sie den Startpunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.

Aufgabe 3

In dieser Aufgabe möchten wir, dass Sie die bereitgestellten Tiere und deren Definitionen in eine Definitionsliste umwandeln.

Das fertige Beispiel sollte so aussehen:

Versuchen Sie, den unten stehenden Live-Code zu aktualisieren, um das fertige Beispiel nachzubilden:

Laden Sie den Startpunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.

Aufgabe 4

In dieser Aufgabe erhalten Sie einen Absatz, und Ihr Ziel ist es, einige inline-Elemente zu verwenden, um ein paar geeignete Wörter mit starker Wichtigkeit und ein paar mit Betonung auszuzeichnen.

Das fertige Beispiel sollte so aussehen:

Versuchen Sie, den unten stehenden Live-Code zu aktualisieren, um das fertige Beispiel nachzubilden:

Laden Sie den Startpunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.