| Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
lehrkraefte:snr:informatik:glf22:html-css [2024/01/07 22:26]
Olaf Schnürer |
lehrkraefte:snr:informatik:glf22:html-css [2024/01/07 22:35] (current)
Olaf Schnürer [HTML-Elemente] |
| |
| <WRAP center round todo> | <WRAP center round todo> |
| * Erstelle in deinem Informatik-Ordner einen UnterOrdner namens ''html-und-css''. | * Erstelle in deinem Informatik-Ordner einen Unterordner namens ''html-und-css''. |
| * Lege in diesem Untordner ''html-und-css'' einen Unterordner namens ''meine-erste-html-seite'' an. | * Lege in diesem Untordner ''html-und-css'' einen Unterordner namens ''meine-erste-html-seite'' an. |
| |
| |
| <WRAP center round info> | <WRAP center round info> |
| Die erste Zeile ''<!DOCTYPE html>'' sagt, dass es sich bei der Datei um eine HTML-Datei in der aktuellen Sprachversion handelt. Der eigentliche HTML-Code befindet sich zwischen den Zeilen 2 und 12 (= grosse rote Klammer von ''<html>'' bis ''</html>''). Dort steht zuerst ein "Head(er)" (= die obere innere rote Klammer von ''<head>'' bis ''</head>'') mit allgemeinen Daten (bspw. Titel der Webseite und gewisse "Meta-Daten", etwa für die sinnvollle Anzeige der Seite auf einem Smartphone). Darunter im "Body" (= die untere innere rote Klammer von ''<body>'' bis ''</body>'') folgt der eigentliche (bisher nicht vorhandene) Inhalt der Webseite. | Die erste Zeile ''<!DOCTYPE html>'' sagt, dass es sich bei der Datei um eine HTML-Datei in der aktuellen Sprachversion handelt. Der eigentliche HTML-Code befindet sich zwischen den Zeilen 2 und 12 (= grosse rote Klammer von ''<html>'' bis ''</html>''). Dort steht zuerst ein "Head(er)" (= die obere innere rote Klammer von ''<head>'' bis ''</head>'') mit allgemeinen Daten (bspw. Titel der Webseite und gewisse "Meta-Daten", etwa für die sinnvolle Anzeige der Seite auf einem Smartphone). Darunter im "Body" (= die untere innere rote Klammer von ''<body>'' bis ''</body>'') folgt der eigentliche (bisher nicht vorhandene) Inhalt der Webseite. |
| </WRAP> | </WRAP> |
| |
| |
| Im "start tag" steht hier zusätzlich noch eine "hyper reference" als Attribut (= Zusatzeigenschaft). Der Name dieses Attributs ist ''href'', danach folgt ein Gleichheitszeichen und der Wert des Attributs in Anführungszeichen (hier ist es die Web-Adresse der KSBG). | Im "start tag" steht hier zusätzlich noch eine "hyper reference" als Attribut (= Zusatzeigenschaft). Der Name dieses Attributs ist ''href'', danach folgt ein Gleichheitszeichen und der Wert des Attributs in Anführungszeichen (hier ist es die Web-Adresse der KSBG). |
| | |
| | Auf der Webseite angezeigt wird der Inhalt, beim Anklicken versucht der Browser, die "hyper reference" zu öffnen. |
| </WRAP> | </WRAP> |
| |
| |
| <WRAP center round important> | <WRAP center round important> |
| Jede Information in einer HTML-Datei sollte "alleine" in einem HTML-Element enthalten sein: Beispielsweise wäre es schlechter Stil, den Text in Zeile 12 ohne start tag ''<p>'' in Zeile 11 und end tag ''</p>'' in Zeile 13 anzugeben. | Jede Information in einer HTML-Datei sollte "alleine" in einem HTML-Element enthalten sein: Beispielsweise wäre es schlechter Stil, den Text in Zeile 12 ohne start tag ''<p>'' in Zeile 11 und end tag ''</p>'' in Zeile 13 anzugeben (denn dann wäre dieser Text zusammen mit ''h1'' und anderem in dem HTML-Elemet ''body''). |
| </WRAP> | </WRAP> |
| </WRAP> | </WRAP> |