Man kann html mittels css formatieren. Dabei gibt es drei M\u00f6glichkeiten, die ich derzeit nutze:<\/p>\n
Um css direkt einem Element zuzuweisen, notiert man im \u00f6ffnen Tag ein style-Attribut mitsam der ge\u00fcwnschten css- Eigenschaften. Zum Beispiel so: Das sieht dann so aus:<\/p>\n blabla<\/p>\n Eine Liste von css-M\u00f6glichkeiten, die man gut lesen kann, gibt es auf w3<\/a>, deutsch gibt es das auf selfhtml<\/a>.<\/p>\n Das ist die saubere Art, wenn man eine bestimmte Formatierung immer wieder verwenden will. Nach dem meta-Tag erg\u00e4nzt man einen style-Tag, und notiert darin, welche Eigenschaften welches Element bekommt.<\/p>\n Das em ist \u00fcbrigens eine Bezugsgr\u00f6\u00dfe; 1 em entspricht „normal gro\u00dfer Schrift“ und die Zahl davor ist ein Faktor. Neu habe ich heute gelernt, dass man den css-Zugriff nicht nur auf die haupts\u00e4chlichen html-Elemente legen kann, sondern sie auch an die id eines Elementes oder an die Klasse binden kann. Ich kann mir also munter Klassen ausdenken und dar\u00fcber meine Formatierung strukturieren. Im Style-Tag steht dann Will man denselben Stil auf vielen Seiten anbieten, macht es total Sinn, eine css-Datei zu erstellen und sie im head in das html einzubinden. Auch bootstrap funktioniert so. (Nur dass da auch noch jacascript-Elemente eingebunden werden.)<\/p>\n Bootstrap: Man l\u00e4dt die Kompotenten herunter. Das jquery findet man auf github, man muss nur drauf achten, die fertige kompilierte Version herunterzuladen und nicht den Quellcode. Ich glaube, es geht auch von hier<\/a>. Den Rest findet man auf getbootstrap.com<\/a>.<\/p>\n Eine eigene css-Datei bindet man so ein (1. Beispiel von Selfhtml<\/a>):<\/p>\n In css-Dateien kann man der \u00dcbersicht halber auch wieder andere css-dateien einbinden, das geht mit @import ‚mycss.css‘, wenn die Dateien im selben Ordner liegen, oder auch komplexer<\/a>.<\/p>\n<p style=\"color:green;\"> blabla <\/p><\/code><\/p>\ncss in den html-head notieren<\/h3>\n
<style>\r\n div {\r\n border: 1px solid black;\r\n max-width:1000px;\r\n padding-top: 50px;\r\n padding-right: 50px;\r\n padding-bottom: 50px;\r\n padding-left: 50px; }\r\np {\r\n font-family: Georgia, serif;\r\n font-size: 2 em; \r\n}<\/pre>\n.ask{ color:#193666;}<\/code>und im Text: <p class=\"ask\">Es ist ein Fragetext. <\/p><\/code> Und schon werden alle Texte, die eine Frage darstellen, dunkelblau.<\/p>\ncss in einer zus\u00e4tzlichen Datei bereitstellen<\/h3>\n
<script src=\"js\/jquery.min.js\"><\/script>\r\n<!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"css\/bootstrap.min.css\">\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"js\/bootstrap.min.js\"><\/script><\/pre>\n
<<\/span>link<\/span> rel<\/span>=<\/span>\"stylesheet\"<\/span> href<\/span>=<\/span>\"stylesheet.css\"<\/span>> oder\r\n<link href=\"css\/meinstil.css\" rel=\"stylesheet\"<\/span><\/pre>\n