HTML: Unterschied zwischen den Versionen
Aus KGS-Wiki
Sn (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „HTML ist eine Sprache, mit der man ___________ (ja, was eigentlich?) gestalten kann. Mit Anweisungen in '''spitzen Klammern''' kann man festlegen, wie bestimmte '''Elemente''' gestaltet werden sollen. == Struktur == {| class="wikitable" |+ !Element !Funktion |- |<code><html></code>…<code></html></code> |Markiert Beginn und Ende der Seite. |} == Überschriften == Überschriften ('''''h'''eadlines'') werden als <code><h_></code>-Elemente notiert, wobei…“) |
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
HTML ist eine Sprache, mit der man | HTML ist eine Sprache, mit der man Webseiten gestalten kann. Mit Anweisungen in '''spitzen Klammern''' kann man festlegen, wie bestimmte '''Elemente''' gestaltet werden sollen. | ||
== Struktur == | == Struktur == | ||
| Zeile 9: | Zeile 9: | ||
|<code><html></code>…<code></html></code> | |<code><html></code>…<code></html></code> | ||
|Markiert Beginn und Ende der Seite. | |Markiert Beginn und Ende der Seite. | ||
|- | |||
|<code><head></code>…<code></head></code> | |||
|Markiert den '''Kopf''' der Seite, der Informationen ''über'' die Seite enthält, die nicht im Browserfenster angezeigt werden | |||
|- | |||
|<code><body></code>…<code></body></code> | |||
|Markiert den '''Körper''' der Seite; das ist alles, was im Browserfenster sichtbar ist. | |||
|- | |||
|<code><title></code>…<code></title></code> | |||
|Hier steht der '''Titel''' der Seite, der z.B. im Browsertab angezeigt wird. | |||
|} | |} | ||
| Zeile 34: | Zeile 43: | ||
|<code><nowiki><h6></nowiki></code>…<code><nowiki></h6></nowiki></code> | |<code><nowiki><h6></nowiki></code>…<code><nowiki></h6></nowiki></code> | ||
|Markiert die sechstgrößten und kleinsten Überschriften | |Markiert die sechstgrößten und kleinsten Überschriften | ||
|} | |||
== Listen == | |||
{| class="wikitable" | |||
!Element | |||
!Funktion | |||
|- | |||
|<code><ol type="</code>''Typ''<code>"></code>…<code><nowiki></ol></nowiki></code> | |||
|Markiert Beginn und Ende einer sortierten Liste ('''''o'''rdered '''l'''ist''). Mögliche Typen sind "1" (1., 2., 3..), "a" (a., b., c.), "A" (A., B., C.), "I" (I., II., III.) und "i" (i., ii., iii.) | |||
|- | |||
|<code><nowiki><li></nowiki></code>…<code><nowiki></li></nowiki></code> | |||
|Markiert Beginn und Ende eines Eintrages in einer Liste | |||
|} | |} | ||
| Zeile 40: | Zeile 61: | ||
!Element | !Element | ||
!Funktion | !Funktion | ||
|- | |||
|<code><nowiki><table></nowiki></code>…<code><nowiki></table></nowiki></code> | |||
|Markiert eine Tabelle, die mit <code><nowiki><tr></nowiki></code>s gefüllt wird. | |||
|- | |- | ||
|<code><nowiki><tr></nowiki></code>…<code><nowiki></tr></nowiki></code> | |<code><nowiki><tr></nowiki></code>…<code><nowiki></tr></nowiki></code> | ||
| Zeile 58: | Zeile 82: | ||
|<code><nowiki><strong></nowiki></code>…<code><nowiki></strong></nowiki></code> | |<code><nowiki><strong></nowiki></code>…<code><nowiki></strong></nowiki></code> | ||
|Druckt den Text zwischen den Markern '''fett'''. | |Druckt den Text zwischen den Markern '''fett'''. | ||
|- | |||
|<code><nowiki><em></nowiki></code>…<code><nowiki></em></nowiki></code> | |||
|Druckt den Text zwischen den Markern ''kursiv''. | |||
|} | |} | ||
Version vom 28. Oktober 2022, 11:22 Uhr
HTML ist eine Sprache, mit der man Webseiten gestalten kann. Mit Anweisungen in spitzen Klammern kann man festlegen, wie bestimmte Elemente gestaltet werden sollen.
Struktur
| Element | Funktion |
|---|---|
<html>…</html>
|
Markiert Beginn und Ende der Seite. |
<head>…</head>
|
Markiert den Kopf der Seite, der Informationen über die Seite enthält, die nicht im Browserfenster angezeigt werden |
<body>…</body>
|
Markiert den Körper der Seite; das ist alles, was im Browserfenster sichtbar ist. |
<title>…</title>
|
Hier steht der Titel der Seite, der z.B. im Browsertab angezeigt wird. |
Überschriften
Überschriften (headlines) werden als <h_>-Elemente notiert, wobei in die Lücke eine Zahl zwischen 1 und 6 eingetragen wird.
| Element | Funktion |
|---|---|
<h1>…</h1>
|
Markiert die größtmöglichen Überschriften (Kapitelüberschriften) |
<h2>…</h2>
|
Markiert die zweitgrößten Überschriften (Abschnittsüberschriften) |
<h3>…</h3>
|
Markiert die drittgrößten Überschriften (Unterabschnittsüberschriften) |
<h4>…</h4>
|
Markiert die viertgrößten Überschriften |
<h5>…</h5>
|
Markiert die fünftgrößten Überschriften |
<h6>…</h6>
|
Markiert die sechstgrößten und kleinsten Überschriften |
Listen
| Element | Funktion |
|---|---|
<ol type="Typ">…</ol>
|
Markiert Beginn und Ende einer sortierten Liste (ordered list). Mögliche Typen sind "1" (1., 2., 3..), "a" (a., b., c.), "A" (A., B., C.), "I" (I., II., III.) und "i" (i., ii., iii.) |
<li>…</li>
|
Markiert Beginn und Ende eines Eintrages in einer Liste |
Tabellen
| Element | Funktion |
|---|---|
<table>…</table>
|
Markiert eine Tabelle, die mit <tr>s gefüllt wird.
|
<tr>…</tr>
|
Markiert eine Tabellenzeile (table row), die mit <td>s oder <th>s gefüllt werden muss.
|
<th>…</th>
|
Markiert eine Tabellen-Überschriften-Zelle (table headline cell); muss in einer <tr> stehen!
|
<td>…</td>
|
Markiert eine Tabellen-Daten-Zelle (table data cell), also eine normale Zelle; muss in einer <tr> stehen!
|
Textformat
| Element | Funktion |
|---|---|
<strong>…</strong>
|
Druckt den Text zwischen den Markern fett. |
<em>…</em>
|
Druckt den Text zwischen den Markern kursiv. |
Sonstiges
| Element | Funktion |
|---|---|
<svg width="Breite" height="Höhe">…</svg>
|
Fügt ein SVG-Bild ein. Zwischen den Markern folgen die Zeichenanweisungen |
Zeichen
| HTML-Code | Zeichen |
|---|---|
| ä | ä |
ö
|
ö |
ü
|
ü |
<
|
< |
>
|
> |
–
|
– (Gedankenstrich, breiter als Bindestrich -) |
