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 #5 Links erstellen

Hier klicken, um das Video zu sehen. In diesem Video zeige ich, wie einfach Verknüpfungen bzw. Links zwischen Internetseiten erstellt werden. Neue Tags in diesem Teil: aHier klicken, um den Quellcode zu sehen....

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 #7.1 Tabellen erstellen

Hier klicken, um das Video zu sehen. Dies ist das erste Tabellenvideo meiner Reihe, es kommen bestimmt noch andere. Hier zeige ich einfach Basics der Tabelle, quasi nur das Grundgerüst und ein wenig Inhalt. Weitere Video zu...

< 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

YouTube beendet Videoantworten

Am frühen Morgen (deutscher Zeit) des 28.08.2013 hat YouTube bekannt gegeben, dass Videoantworten ab dem 12.09.2013 nicht mehr unterstützt werden, das...

HTML erklärt # 15.1 Formulare

Hier klicken, um das Video zu sehen. Nach langem Warten ist nun endlich Folge 15 der HTML erklärt Reihe erschienen, genauer gesagt ist es Folge 15.1. Es geht in dieser Episode um Formulare, ihren grundlegenden Aufbau und ihre...

Abflug und ungeplante Reiseänderung - Briefe von Felix #3

Tatsaechlich ist es nun soweit, das Video meiner Anreise in die USA ist fertig! Natürlich lief bei der großen Entfernung nicht alles reibungslos ab. Was genau passiert ist, erfahrt ihr am besten im Video :) Hier klicken, um das Video zu sehen....

HTML erklärt #13 Webspace, Domain und FTP

Hier klicken, um das Video zu sehen. Oder: Wie kommt die index.html ins Internet? Auf Anfrage ein Video mit dem Überblick über Webhosting, Domains, und FTP. Ich hoffe es reicht dafür erstmal wenn nicht, sagt's mir einfach. :)

< Zurück zu HTML erklärt