Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
52 Cards in this Set
- Front
- Back
Was ist HTML?
|
HTML steht für hytertext markup language, eine textbasierte Auszeichnungssprache.
|
|
Was ist ein Tag?
|
Textauszeichnungen wie p (Paragraph, Absatz) stehen zwischen Anfangs- (<) u. Endtag (/>) (tag: "Etikett")
|
|
Wie ist der Aufbau einer HTML-Datei?
|
Doctype (Dokumenttypdeklaration)
Head (Kopf mit Titel u.a.) Body (Inhaltsbereich): <html> <head> </head> <body> </body> </html> |
|
Wofür steht das Tag <title>?
|
<title> bezeichnet den Titel der Seite, der von den meisten Browsern in der Titelleiste, in der Registerkarte, in der Taskleiste und bei Suchmaschinen angezeigt wird.
|
|
Wie werden in HTML Absätze bzw. Zeilenumbrüche realisiert?
|
Ein Absatz steht zwischen p-tags, ein Zeilenumbruch wird mit <br /> erzeugt.
|
|
Wie wird Text unterstrichen?
|
Am besten gar nicht - Verwechslungsgefahr mit Links.
Falls doch: <u> für underline. |
|
Wie werden in HTML Kommentare gekennzeichnet?
|
Kommentare stehen zwischen
<!-- kommentierter Text und --> |
|
Was ist bei der Verwendung von Umlauten zu beachten?
|
ISO 8859-1 oder UTF-8: Umlaute möglich; zur Sicherheit aber ersetzen durch benannte Zeichen:
ü = uuml zwischen & und ; usw. |
|
Wie können Absätze ausgerichtet werden?
|
Mit dem tag-Attribut "align" (left, right, center, justify)
|
|
Wie kann Schrift hochgestellt werden?
|
hoch: "sup" -> 15<sup>2</sup>
tief: "sub" -> H<sub>2</sub>O |
|
Wie stellt man Fettdruck ein?
|
Mit dem inline-Tag "strong" (stark)
|
|
Wie wird das Euro-Symbol eingefügt?
|
"euro" zwischen & und ; -> €
|
|
Wie wird eine Hintergrundfarbe eingestellt?
|
Mit dem Attribut "bgcolor=""" im einleitenden body-tag
|
|
Wie wird eine Trennlinie mit 5 Pixel Stärkeund 20 Pixel Breite erzeugt?
|
Mit dem tag "hr" (horizontal rule) und den Attributen "size" und "width" ("color" nur IE!); "noshade"=durchgezogen, nicht strichliert:
<hr height="5" width="20"> |
|
Wie wird eine Hintergrundgrafik festgelegt?
|
Mit dem Attribut "background" im einleitenden body-tag
|
|
Mit welchem Tag kennzeichnet man eine nummerierte Liste?
|
Mit "ol" (ordered list)
|
|
Wozu dient das Attribut "type"?
(bei Listen) |
Mit "type" lassen sich Listenattribute für geordnete (I, i, A, a) und ungeordnete (circle, disc, square) Listen vergeben
|
|
Wofür steht das Tag "li"?
|
Für einen Listeneintrag (list item):
<li>Eintrag</li> |
|
Welche Symbole stellt HTML für Aufzählungslisten zur Verfügung?
|
kein Symbol: Nummernliste; weiters die Attribute I, i, A & a für große und kleine römische Zahlen bzw. für alphabetische Listen
|
|
Welche Grafikformate können in ein HTML-Dokument eingebunden werden?
|
gif-Dateien (.gif), jpeg-Dateien (.jpg); neuerdings auch png-Dateien (.png)
|
|
Wie lautet das Tag zum Einbetten der Grafik BILD_LISA.JPG?
|
<img src="BILD_LISA.JPG" alt="Bild von Lisa">
|
|
Wozu dient das Attribut alt?
|
<alt> zeigt im Falle des Nichtanzeigens der Grafik einen beschreibenden Alternativtext an und wird von Screenreadern gelesen
|
|
Was ist ein Animated GIF?
|
Mehrere in einer gif-Datei abgespeicherte Grafiken, die nacheinander abgespielt werden:
<a href="http://de.selfhtml.org/grafik/anim_gif4.gif">http://de.selfhtml.org/grafik/anim_gif4.gif</a> |
|
Mit welchen Attributen wird die Größe eines Bildes verändert?
|
Mit den Attributen "width" (Breite) und "height" (Höhe). Eingabe nur eines Attributes ermöglicht unverzerrtes Skalieren
|
|
Welches Attribut muss gesetzt werden, damit Text um eine Grafik fließt?
|
Mit <align="left, right"> erreicht man Textfluss auf der jeweils anderen Seite.
Textabstand mit "hspace" bzw. "vspace" in Pixeln |
|
Wie lautet der Aufbau eines allgemeinen Links?
|
Das Ankerelement "a" mit dem Attribut href="link". Verlinkter Text wird zwischen öffnendem und schließendem Ankerelement eingegeben:
<a href="http://www.orf.at"> ORF< /a> |
|
Wie wird ein Link zu einer E-Mail-Adresse erstellt?
|
Beim "href" Attribut des einleitenden a-Tags wird die Mailadresse mit "mailto:" angegeben
|
|
Wie lautet der grundlegende Aufbau einer zweispaltigen, dreizeiligen Tabelle?
|
<table> leitet eine Tabelle ein, mit <tr> werden Reihen (table row) definiert, innerhalb dieser mit <td> (table data) Felder definiert werden.
|
|
Wie lässt sich verhindern, dass die Zellinhalte einer Tabelle an der Umrandung kleben?
|
Mit dem table-Attribut cellpadding=""
|
|
Welche Angabe ist erforderlich, damit eine Tabelle immer 75% des Browserfensters ausfüllt?
|
Mit dem table-Attribut width="75%"
|
|
Wozu dient das Attribut cellspacing?
|
Das table-Attribut cellspacing bestimmt den Abstand zwischen den einzelnen Tabellenzellen
|
|
Mit welchen Attributen lassen sich Zellen einer Tabelle verbinden?
|
Mit dem table-Attribut colspan="Anzahl der umfassten Spalten" und rowspan="Anzahl der umfassten Zeilen"
|
|
Durch welche Attribute wird der Inhalt einer Zelle unten mittig angezeigt?
|
Mit den Attributen align="center" und valign="bottom" des entsprechenden einleitenden td-tags.
|
|
Wie sollen Fotos fürs Web aufbereitet werden?
|
richtiges <strong>Format</strong>, angepasste <strong>Größe</strong> (px x px), ev. angepasste <strong>Farbgebung</strong> ("für Web speichern")
|
|
Was versteht man unter einem Frameset?
|
<strong>Frames</strong> teilen Anzeigebereiche des Browsers in verschiedene, frei definierte Segmente auf. Das <strong>Frameset</strong> bestimmt die Fensteraufteilung und wird in einer eigenen html-Datei festgelegt.
|
|
Wie lautet die grundlegende Syntax für ein HTML-Formular?
|
Alle Elemente, die sich zwischen einleitendem und schließenden Formtag <form> befinden, sind Teil eines Formulars
|
|
Wodurch werden einzeilige Eingabefelder definiert?
|
Mit dem Attribut "text" des form-Tags "input":
<input name="Feldbezeichnung" <strong>type="text"</strong> size="Feldgröße" maxlength="maximale Zeicheneingabe"> |
|
Wie kann man die maximale Anzahl von Zeichen für ein Eingabefeld beschränken?
|
Mit dem Attribut "maxlength" des form-Tags "input"
<..input maxlength="#Zeichenanzahl"..> |
|
Wie legt man einen Standardwert für ein Eingabefeld fest?
|
Mit dem Attribut "value" des form-Tags "input":
< ... input value="Standardwert" ...> |
|
Was bedeutet das Tag <textarea name="Satz" rows="3" cols="25">?
|
Das Tag "textarea" leitet in diesem Fall einen dreizeiligen Text mit einer Zeilenlänge von 25 Zeilen und dem Bezeichnernamen "Satz" ein.
|
|
Wie wird eine Schaltfläche zum Absenden von Formulardaten erzeugt?
|
Mit dem Attribut "submit" des form-Tags "input":
<input type="submit" name="" value="" /> |
|
Wie lautet die Syntax für eine Auswahlliste?
|
Das tag "select" leitet eine Auswahlliste ein, zwischen "option"-tags stehen die Listeneinträge.
|
|
Durch welches Attribut wird Mehrfachauswahl möglich?
|
Durch das Attribut multiple="multiple" im select-tag.
Anwender auf die Mehrfachauswahlmöglichkeit hinweisen! |
|
Was unterscheidet Konrollkästchen von Optionsfeldern?
|
<strong>Checkboxen</strong> (Kontrollkästchen, type="checkbox") sind eine Gruppe ankreuzbarer Quadrate - Mehrfachauswahl möglich.
Mit <strong>Radiobuttons</strong> (type="radio") ist nur eine Einfachauswahl möglich. |
|
Wozu dient das Tag <th>?
|
<th> (table header, Tabellenkopf) leitet eine Tabelle ein (Kopfzelle; Kopfzeile)
|
|
Wie werden Formulardaten per E-Mail versandt?
|
Mit den form-Attributen action="mailto:mailadresse" und method="post"
|
|
Was bedeutet CSS?
|
Cascading Style Sheets; legt <strong>Formateigenschaften</strong> einzelner html-Elemente fest
|
|
Was sind Cascading Style Sheets?
|
Mit Cascading Style Sheets lassen sich Formateigenschaften für websites umfassend zuweisen.
|
|
Welche Arten von CSS kennen Sie?
|
<strong>externe Stylesheets</strong> in einer eigenen Datei
<strong>interne Stylesheets</strong> im Headbereich der html-Datei und <strong>inline Stylesheets</strong> im tag des Textes |
|
Welchen Aufbau haben CSS-Formatdefinitionen?
|
Selektor { Eigenschaft:Wert; }, z.B.: h1 { color: #009900; }
|
|
Durch welches Tag werden Cascading Style Sheets eingeleitet?
|
Durch das Tag <style>
|
|
Wie wird CSS für ein ganzes Webprojekt eingesetzt?
|
Mittels jeweils im Headbereich verlinkt eingebundenen externen Stylesheets:
<link href="styles.css" rel="stylesheet" type="text/css" /> |