codieren
HTML und CSS
HTML und CSS
-
- 1 / 28
-
Cartes-fiches
<body> </body>
alles dazwischen wird im Hauptfenster des Browsers angezeigt
<p> </p>
Anfang und Ende eines Absatzes
<html> </html>
Anfang und Ende des HTML-Codes
<h1> </h1> bis <h6> </h6>
Überschriften h1 steht für Hauptüberschrift
<head> </head>
umschliesst in der Regel den Titel und erscheint in der Titelleiste des Browsers
<title> </title>
umschliesst den Titel, der für gewöhnlich auf der Registerkarte angezeigt wird
HTML-Seiten sind ?
Textdokumente
Zeichen in <> nennt man?
Tags
Attribute bestehen aus ?
Namen und Wert
<b> </b>
Wort dazwischen erscheint in Fettschrift, b steht für bold
<i> </i>
Wort dazwischen erscheint kursiv, i steht für italic
<sup> </sup>
Zeichen dazwischen wird hochgestellt, sup steht superscript
<sub> </sub>
Zeichen dazwischen wird tiefgestellt, sub steht für subscript
Was bedeutet strukturelles Markup?
Ein strukturelles Markup beschreibt die Struktur einer Seite wie z.B. Überschriften, Zwischenüberschriften und Absätze.
Was bedeutet semantisches Markup?
Ein semantische Markup zeigt auf wo die Betonung liegt, was die Abkürzungen bedeuten oder ob es sich bei einem Text um ein Zitat handelt.
<ol>
<li>text</li>
<li>text</li>
<li>text</li>
</ol>
so werden geordnete Listen geschrieben. Kann in der Darstellung wie folgt aussehen:
1. text
2. text
3. text
... ol steht für ordered list und li steht für Listeneintrag
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
so wird eine ungeordnete Liste geschrieben, das heisst es wird eine Liste mit Punkten als Aufzählungszeichen verwendet.
- text
- text
- text
<dl>
<dt>Wort</dt>
<dd>Definintion zu oben aufgeführtem Wort</dd>
</dl>
Definitionslisten werden so geschrieben. Innerhalb von <dt></dt> steht das Wort, das innerhalb von <dd></dd> erklärt wird. dl = Definitionslisten, dt = Definitionsterm, dd =
was sind verschachtelte Listen?
Das ist eine Liste, die eine eingerückte Liste enthält, eine untergeordnete Liste.
Wie viele Arten von Listen gibt es in HTML?
drei: geordnet, ungeordnet und Definitionslisten, Listen lassen sich verschachteln.
<a></a>
öffnender und schliessender Tag für Links
Was bedeuten folgende Elemente?
<a href="http://www.imdb.com">IMDB</>
der URL der eingefügten Seite ist das Attribut und steht innerhalb von "". Der Text vor dem schliessenden Tag ist der Wert des Attributs und sichtbare, anzuklickende Text
<section>...</section>
Unterteilung von Dokumenten in Sinnabschnitte
<header>...</header>
Definition des Kopfbereiches, z.B. der gesamten Seite oder auch eines einzelnen Artikels.
<footer>...</fotter>
Defintion des Fussbereichs, z.B. der gesamten Seite oder auch eines einzelnen Artikels.
<nav>...</nav>
Definition der Bereiche einer Seite, die Navigationselemente enthalten.
<aside>...</aside>
Definition ergänzender Informationen zu einem Bereich, z.B. einer Randspalte.
<articel>...</article>
Definition sinntragender Einheiten, die in sich geschlossen sind, z.B. von einzelnen Artikeln.