Little Boxes – der HTML-Crashkurs

Absätze kennzeichnen und Texte hervorheben

Testen Sie unsere 1893 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Absätze im Fließtext werden mit dem p-Element gekennzeichnet. Mit den Elementen strong und em können Sie Textpassagen auf Webseiten hervorheben.

Transkript

Zwischen den Überschriften auf einer Weibseite steht Fließtext und der besteht zu einem großen Teil aus Absätzen, diversen Hervorhebungen und Listen und Bilder und derglelichen natürlich auch noch. Das wahrscheinlich am häufigsten verwendete HTML-Element ist ganz kurz und heißt p. Sie haben's hier schon einmal gesehen im Einsatz. p ist kurz für paragraph, auf Deutsch Absatz, Jeder normale Fließtextabsatz auf einer Webseite wird mit p begonnen und mit /p beendet. So, ich mache jetzt hier auf der Seite unten, beginne ich gleich einen Absatz und werde dann in dem Absatz Begriffe hervorheben mit den Elementen strong und em. strong bedeutet stark hervorheben und wird in den visuellen Browsern meistens fett gedruckt. Und em ist kurz für emphasize und heißt auf Deutsch betonen. Das wird dann meistens kursiv dargestellt. Das kann man aber per CSS später alles ändern. Los geht's mit einem < (kleiner als) Zeichen und dem p. (größer als) und dann Der Text lautet "Webseiten bestehen aus", und jetzt kommt hervorgehoben, also strong "rechteckigen Kästchen" So, und nach dem strong geht es weiter, , (Komma) "die über, neben und ineinander gestapelt werden." "Alles Runde ist entweder Trick, Graphik oder Beides." Also, alles auf Webseiten ist rechteckig, das ist der Nebeneffekt dieses Satzes. Das ist wirklich so. Webseiten bestehen aus rechteckigen Kästchen, strong und /strong. Das wird später fett hervorgehoben. "die über, neben und ineinander gestapelt werden. Alles Runde ist entweder Trick oder Graphik oder Beides". Und gleich noch einen Absatz unten drunter. p und /p "Die folgenden Schritte zeigen den Weg vom Zusammenbauen der", und jetzt kommt leicht hervorgehoben, so, "Kisten", "bis zur fertig gestalteten", und wieder leicht hervorgehoben, "Webseite". So, zum Kennenlernen, em braucht man später nicht ganz so häufig, weil Kursivdruck am Bildschirm nicht so gut zu lesen ist. Aber per CSS kann man auch sagen, strong bekommt einen knallroten Hintergrund mit weißer Schrift. Und em ist dann ein bisschen leichter hervorgehoben. Es ist ein bisschen eine Abstufung. Normaler Text leicht hervorgehoben mit em und stark hervorgehoben mit strong. So, diese Elemente haben wir gespeichert, ist, hier sieht es alles soweit gut aus. "Die folgenden Schritte zeigen den Weg vom Zusammenbauen der Kisten bis zur fertig gestalteten Webseite", : (Doppelpunkt), hier geht es später weiter. Rüber in den Browser, neu laden und da ist der Text. Ja, der ist hier sehr schön zu sehen. Wenn ich das jetzt verkleinere, dann kommt hinten der Editor zum Vorschein. Aber was viel wichtiger ist, die Kästchen sind superflexibel, wie man hier sieht. Also die passen sich der Fenstergröße an. Diese Seite können Sie auf dem Händy betrachten und dann ist das sehr schön flexibel und mietbar. Das passt sich der zur Verfügung stehenden Bildschirmgröße an. Zum Abschluss ein Blick hier mit Seitenquelltext formatiert anzeigen. Und hier sehen Sie. Da ist innerhalb von wrapper ist hier das p-Kästchen, mit dem strong-Kästchen und hier sind die ems drum rum. Das ist alles eine richtig schöne, übersichtliche Sache, solange das solide gebaut ist, lässt sich das nachher sehr einfach mit CSS gestalten.

Little Boxes – der HTML-Crashkurs

Sehen Sie, wie HTML und CSS funktionieren und lernen Sie die dabei die unabdingbaren Grundlagen der Webprogrammierung kennen.

3 Std. 5 min (41 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Software:
Exklusiv für Abo-Kunden
Ihr(e) Trainer:
Erscheinungsdatum:11.03.2015
Aktualisiert am:28.09.2016
Laufzeit:3 Std. 5 min (41 Videos)

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!