| Navigation |
|
|
|
|
|
|
|
anpassen
|
|
|
|
|
|
einbinden
|
|
|
|
|
|
misc
|
|
|
|
|
|
|
| |
HTML & CSS
Hinweiß: Folgende erklärungen sind mit meinen eigenen Worten und Wissensstand geschrieben. "Technische"-fehler und Falschaussagen sind nicht auszuschließen.
HTML "Basics"
HTML ist die "Standart" Websprache, durch sie sehen wir erst das Design, den Inhalt einer Website.Weitere Websprachen wie Javasctipt, PHP geben ihrer Inhalt auch in/über HTML aus.
Ohne HTML leuft also quasi nichts!
Als kleiner überblick hier ein Grundgerüst einer HTML-Seite ("Website-Dokument").
<html>
<head>
</head>
<body>
</body>
</html>
-> Gleich als erstes steht hier <html> wodurch der Browser weiß es handelt sich um HTML. Innerhalb <html> und </html> kommt nun der ganze HTML-Code.
-> Der beriech <head></head> kann man als "Unsichtbaren"-Beriech sehen oder eben als "Kopf" der Website, in dem Informationen ("das Gehirn") für den <body>, den Körper, der Seite stecken.
-> Folglich ist im beriech zwischen <body> und </body> alles was wir dann sehen.
Häufig vorkommende HTML befehle.
<b>Text</b> = Durch diesen HTML befehl wird der Text der sich zwischen <b> und </b> befindet Dick (Bold).
<u>Text</u> = Durch diesen HTML befehl wird der Text der sich zwischen <u> und </u> befindet Unterstrichen (Underline).
<i>Text</i> = Durch diesen HTML befehl wird der Text Kursiv dagestellt.
<img src="URL" /> = Ausgabe einer Grafik. Anstelle von "URL" wird die Grafikadresse einer Grafik eingefügt. (Grafikadresse zb.: http://www.beispiel.de/bilder/grafikbsp.jpg)
<a href="URL">Link-Text</a> = Hier wird ein Link (Hyperlink) erstellt. Anstelle von URL wird eine Websiteadresse eingefügt (z.B. http://www.google.de). Außerdem wird der zu verlinkende Text angegeben.
<input type="" value="" /> = Mit dem Befhel "input" wird eine eingabe fläche erstellt, z.B ein Button (type="button" value="Text des Button") oder ein Textfeld (type="input"). Mit "value" kann man den Inhalt bzw. den Text bestimmen der sich im Button oder Textfeld befinden soll.
<h1>Überschrift</h1> = So erzeugst du eine überschrift. <h1> beschreibt die Hauptüberschrift. Es ist auch möglich kleinere, Zwei- oder Drittüberschriften zu erstellen dazu einfach die 1 durch 2 bzw.3,4,5,... ersetzten also z.B. <h3>Absatstitel<h/3>
Eine übersicht weiterer HTML-Befehle gibt es Hier!
CSS "Basics"
" Die Cascading Style Sheets, kurz CSS genannt, sind quasi eine deklarative Sprache für Stilvorlagen (engl. stylesheets) von strukturierten Dokumenten. Sie wird vor allem zusammen mit HTML und XML eingesetzt."Quelle: Wikipedia
CSS ist immer in verbindung mit HTML.
Mit CSS werden die einzelnen HTML-Elemente durch z.B. Farbe, Stil oder Schrifteigenschaften bearbeitet. (Das Layout gestalltet.)
Hier siehst du den normalen CSS-Aufbau.
<style type="text/css">
<!--
klassenid {
cssbefehle: wert;
}
-->
</style>
|
|
|
|
|
|
| |
Heute waren schon 2 Besucher (3 Hits) hier! |
|
|
|
|
|
|
|
