HTML erklärt #8 CSS-Stile in HTML einbinden

geschrieben von Felix Beuster am 13.06.2010

Dein Browser ist zu klein für den eingebetteten Player. Du kannst das Video hier auf YouTube ansehen.

So, heute in Teil 8 gibt es endlich Farbe! Ich zeige drei Methoden mit denen CSS in HTMl implementiert werden kann. Zu CSS selbst, wird es eine gesonderte Reihe geben.
Neue Tags in diesem Teil: style, link
Neue Attribute in diesem Teil: font-size, color, background

1
2<html>
3 <head>
4  <title>Stile, Formatierung und so weiter</title>
5  <style>
6   h1 {color: red;}
7  </style>
8  <link href="style.css" rel="stylesheet" type="text/css">
9 </head>
10 <body>
11  <h1>Rote Überschrift</h1>
12  <p style="font-size: 2em;">
13   Großer Absatz...<br>
14   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
15   dolore magna aliquyam erat, sed diam volupta. At vero eos et accusam et justo duo dolores et ea rebum. Stet
16   clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
17   consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
18   sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
19   takimata sanctus est Lorem ipsum dolor sit amet.
20  </p>
21 </body>
22</html>

< Zurück zu HTML erklärt

Mehr aus HTML erklärt

HTML erklärt #2 Textstrukturierung

Hier klicken, um das Video zu sehen. Diesmal erkläre ich einige Elemente, um den Inhalt zu strukturieren, also Überschriften, Zeilenumbrüche und horizontale Linien. Die Interseite zur Textgenierung: loremipsum.de...

HTML erklärt #15.2 Input - Spezielle Eingaben

Hier klicken, um das Video zu sehen. Der Input tag bietet eine ganze Reihe an semantischen Unterschieden und eine ebenso lange Reihe an verschiedenen Unterstzüzungen der Brwoser. Ich zeige euch heute mal, welche Typen es alles...

HTML erklärt #4 Bilder einfügen

Hier klicken, um das Video zu sehen. Diesmal lernt ihr, wie ihr schnell Bilder mit HTML in Internetseiten einfügt. Neue Tag in diesem Teil: imgHier klicken, um den Quellcode zu sehen.

HTML erklärt #9 Doctype und Meta-Daten

Hier klicken, um das Video zu sehen. In diesem Video geht es um die verschiedenen Dokumenttypen und auch kurz um Meta-Angaben in einer HTML-Seite. Neue Tags in diesem Teil: doctype, meta Link zu w3.org:...

< Zurück zu HTML erklärt

Kommentare

Bisher keine Kommentare.

Bitt warte 20 Sekunden, bevor du das Formular abschicken kannst.

< Zurück zu HTML erklärt

Ein parr mehr Artikel

Digitaler Abfallkalender für den Landkreis Rostock

Seit Jahren versendet der Eigenbetrieb Abfallwirtschaft des Landkreises Rostock zum Jahreswechsel einen Abfallkalender mit allen Terminen, Orten und Verschiebungen die für die Müllabholung relevant sind. Als Eigenheimbewohner heißt es also nun:...

Audience Development

Auf einem Workshop von YouTube in den schönen Berliner Google-Büros, wurde Audience Development ausführlich thematisiert. Um was es in dem etwas mehr als einstündigen Vortrag ging, und was die Kernaussagen waren, lest ihr hier. Ganz klares Ziel nach...

301 Views - Der 300er Bug - YouTube Lupe #24

Hier klicken, um das Video zu sehen. Ist euch auch schon aufgefallen, dass viele Videos immer nur 301 oder 302 Aufrufe haben, und dann noch viele mehr Likes? Wie geht denn das? Ist relativ schnell erklärt. :) Infos stammen von...

RPM - Neuer Wert für Einnahmen in Analytics - YouTube Lupe #140

Hier klicken, um das Video zu sehen. In YouTube Analytics gibt es jetzt einen neuen Messwert für eure Einnahmen: Den RPM. Wo ihr den Wert im YouTube Studio findet, und wie sich der RPM zusammensetzt, das erkläre ich euch in...

< Zurück zu HTML erklärt