====== HTML - Grundlagen ====== * Begriffe und Erklärungen == Html == (=Hypertext Markup Language) Wird dazu benutzt das Grundgerüst einer Website und zu programmieren und einen Text in dieser zu formatieren. == Tags == sind Platzhalter die einen bestimmten Bereich markieren. Sie weden in Tagklammern <> geschrieben und vom Browser nicht angezeigt. Mit ihnen wird die Website oder der Text formatiert. Ein Beispiel Text == Attribute oder Parameter == ergänzen einen Tag und teilen ihm eine genauere Information zu. Ein Beispiel Text Beim Beispiel währe der Teil size="+4" das Attribut und sagt dem Tag font, dass er die Schrift vergrößern soll.# == Head == (=Kopf einer Html) Im Head steht der Name der Seite. Eventuell noch der Verweis auf ein externes CSS Style Sheet. == Body == (=Körper der Html) Im Bdy stehen der Text der Html und die Tags mit ihren Attributen. == WWW == (=World Wide Web) Wird oft als Synonym für "Internet" benutzt obwohl das WWW nicht so viele möglichkeiten bietet wie das Internet. Manche Optionen im Internet sind im WWW gar nicht enthalten z.B. E-Mail. == Server == sind Computer die im dauerbetrieb laufen und anderen Computern bestimmte Dienstleistungen ermöglichen. Ein Server, der mit dem Internet verbunden ist nennt man auch Webserver. Meistens speichert man Websites oder Datein die man downloaden kann auf ihnen. == Download/ Upload == Mit downlaod bezeichnet man den Vorgang des speicherns von Daten von einem Webserver auf die eigene Festplatte. Mit Upload bezeichnet man den Vorgang des hochladens von Daten vom eigenen Computer auf einen Webserver. == URL == ist eine Adresse die dem Browser sagt wonach er suchen soll und wo er suchen soll. == Domain == sind die Kürzel die am Ende einer Url stehen. Sie geben den Zweck oder das Land einer Website an. z.B.: ^ Domainname ^ Bedeutung ^ | .at | Österreich | | .de | Deutschland | | .ch | Schweiz | | .uk | England | | .com | kommerzieller Anbieter | | .eu | Europa | | .org | Organisation | | .ac | Schulen/ Universitäten | * Grundgerüst einer Html == Head == Zwischen die "title" tags schreibt man den Namen der Seite. Auch in den Head kommen so genannte Metadaten die Informationen über den Autor und den Inhalt enthalten. == Body == Hier stehen der Text und die Tags In den Body schreibt man den sichtbaren Text und die nicht sichtbaren Tags zum Formatieren. Wichtig ist es die Tags gut zu gliedern und darauf zu achten das man auch alle Tags wieder schließt und man selbst noch weiß welcher Tag was bewirkt und auf wen er wirkt. * Tags und Attribute == Gliederung == Zum gliedern des Textes werden zuerst die Tags
und

verwendet.
bewirkt einen Zeilenumbruch und

markiert einen Absatz. wichtig

muss auch wieder mit

geschlossen werden wobei man
nicht schließen muss. == Tags die sich direkt auf den Text auswirken == (bold) bewirkt, dass der Text **fett** angezeigt wird. \\ (italic) bewirkt, dass der Text //kursiv// angezeigt wird. \\ (underline) bewirkt, dass der Text __unterstrichen__ wird. \\ (strike) bewirkt, dass der Text durchgestrichen wird. \\ (teletype) bewirkt, dass der Text in ''Schreibmaschienschrift'' angezeigt wird. \\ (superscript) zeigt einen hochgestellten Text. \\ (subscript) zeigt einen tiefgestellten Text. == weitere Tags und Attribute == wird für alle Änderungen am Text verwendet. Die wichtigsten Attribte: Das Attribut "size" bestimmt die Größe der Schrift.+ wird verwendet um die Schrift zu vergrößern und die Zahl gibt den Grad an in dem das geschieht. Man könnte auch - verwenden um den Text zu verkleinern. Das Attribut "face" wird verwendet um die Schriftart anzugeben. Man sollte besser nur die gängigsten Schriftarten verwenden wie Arial, Times new Roman, Comic sans ms,... Das Attribut "color" wird dazu verendet die Farbe des Textes anzugeben. Dazu kann man die wichtigsten Farbnamen verwenden wie gold, silver, red, blue, yellow, green,... und auch den Hexadezimalcode einer Farbe nach einer Raute wie z.B. color="#FF00FF" \\ Man kann nicht nur den Tag "font" durch ein Attribut ergänzen denn grundsätzlich kann man das mit jedem Tag tun. Jedoch um eine Schrift zu formatieren mit den hier angegebenen Attributen verwendet man den font Tag. übrigens font (=Schrift)\\ ====== CSS - Grundlagen ====== * [[http://www.w3schools.com/css/default.asp|CSS - Tutorial]] * [[http://www.w3schools.com/css/css_examples.asp|CSS - Onlinebeispiele zum Ausprobieren]] ====== Links/Quellen ====== weiterführende Links und Tutorials zum leichteren Einstieg und für die Vertiefung * [[http://de.selfhtml.org/navigation/html.htm|SelfHtml]] * [[http://de.html.net/tutorials/html/|deutsches Tutorial]] * [[http://www.w3schools.com/html/|HTML Vertiefung (englische Seite)]] * [[http://de.selfhtml.org/navigation/stichwort.htm|Stichwortverzeichnis HTML]] * [[http://www.css4you.de/|CSS - Referenz]] * [[http://www.tgleissner.onlinehome.de/html_testfragen.htm|HTML - Quiz]]