HTML-CSS

Symbole auf Webseiten

Es gibt mehrere Symbol-Bibliotheken, aber Font Awesome ist eine alt eingesessene und ziemlich beliebte Version. Wichtig für den Entwurf von Webseiten ist, dass die verwendeten Symbole einem einheitlichen Stil folgen. Genau das leistet eine solche Symbol-Bibliothek. Es gibt nun eine neue Version 5.0 und diese Version versucht – im Gegensatz zu ihrer kostenlosen Vorgängerin […]

Videos in Webseiten einbetten

Diese Anleitung richtet sich an Betreiber von Webseiten. Es ist dabei egal, ob die Webseite handgestrickt ist oder mit einem CMS (also mit WordPress). Es geht darum, wie man Video- oder auch Audio-Files auf einer Webseite einbetten kann. Es gibt sehr viele verschiedene Video-Formate. Einigen wir uns der Einfachheit halber darauf, dass mit mit […]

Bootstrap standalone

Was ist Bootstrap?
Bootstrap ist eine Sammlung von Stylesheets (“Framework”), die den Entwurf von Webseiten erleichtert und vereinheitlicht. Als Gestalter einer Webseite muss man sich nicht mehr um die CSS-Attribute kümmern sondern man benutzt Klassennamen aus der Bootstrap-Bibliothek und fügt diese im Attribut class ein. Hinter jeder dieser Klassen, verbirgt sich eine ausgeklügelte Anordnung konkreter […]

Responsive Design, Mobile first

Notizen nach einem Clubabend mit Roman Heinzinger am 23.11.2017

Ich gestehe, dass ich schon mehrere Themen gekauft habe und mit keinem so wirklich zufrieden bin. Nehmen wir zum Beispiel das Thema “Alora” mit dem die vorliegenden Seiten gestaltet werden. Dieses Thema verschlingt zum Beispiel alle Aufzählungszeichen. Aber es kostet immerhin 60 Euro. Jedes Standardthema tut […]

CSS

 CSS Cascaded Style Sheets
Ein HTML-Dokument, das keinerlei Formatierungsangaben enthält, wird gemäß einer Grundeinstellung im Browser formatiert.

Definition eines Style (html-3.htm)

Direkt im Tag (nur in Ausnahmefällen)
[code lang=”css”] <p style="font-weight:bold;">Fettgedruckt</p><[/code]
Im Kopf einer HTML-Seite (kann nur in der aktuellen Seite verwendet werden)
[code lang=”html”] <style>
p { font-weight:bold; }
</style>
<p>Fettgedruckt</p></li>[/code]
In einer externen Datei (wiederverwendbar)
[code lang=”html”]
<link rel="stylesheet" type="text/css" href="MeinStyle.css" […]

HTML

HTML
In den ersten Versionen der „Hypertext Markup Language“ war es die Aufgabe von HTML einen Text zu strukturieren und auch zu formatieren. Das Strukturieren erfolgte durch so genannte Tags, das Formatieren ebenfalls über Tags und über Attribute in den Tags. Diese Vermischung von Struktur und Format war sehr unübersichtlich.

In den aktuellen Versionen von HTML […]

Zur Werkzeugleiste springen