01 HTML-Grundlagen

Question 1

Wie sieht das HTML-Grundgerüst aus?

Answer 1

Titel des Dokuments

Inhalt der Seite.

Question 2

Was ist ?

Answer 2

=> mit definiert man diverse Informationen über das HTML-Dokument, insbesondere den Zeichensatz

aber auch:

• Seitenbeschreibung (page description),
• Autor (Author),
• Schlüsselwörter (keywords),
• Datum der letzten Änderung (last modified)

Question 3

Was ist der Unterschied zwischen Zeichenkodierung 6 Zeichensatz?

Answer 3

Zeichenkodierung vs. Zeichensatz

Zeichensatz
=> übersetzt Zeichen in Zahlenwerte

Zeichenkodierung
=> übersetzt die Zahlenwerte eines Zeichensatzes in eine binäre Kodierung

Question 4

Wie definiert man Schlüsselwörter für Suchmaschinen?

Answer 4

Schlüsselwörter für Suchmaschinen definieren

Question 5

Wie gibt man die Beschreibung der Web-Seite an?

Answer 5

Beschreibung der Web-Seite angeben

content=„Tutorials on HTML and CSS“>

Question 6

Wie gibt man den Autor der Website an?

Answer 6

Autor der Web-Seite angeben

Question 7

Wie kann man eine Web-Seite sich alle 30 Sekunden automatisch neu laden lassen?

Answer 7

Web-Seite alle 30 Sekunden automatisch neu laden

Question 8

Wie legt man die Zeichenkodierung fest?

Answer 8

Zeichenkodierung

Question 9

Was bedeutet ?

Answer 9

=> definiert die eigentliche Web-Seite

Question 10

Wie sieht der Kopf aus? Was kommt dort rein?

Answer 10

Kopf

Titel des Dokuments

=> definiert Zusatzinfos zur Web-Seite, z.B. den Titel

Question 11

Wie sieht der Rumpf aus? Was kommt dort rein?

Answer 11

Rumpf

Inhalt der Seite.

=> definiert den sichtbaren Seiteninhalt

Question 12

Wie schreibt man Kommentare?

Answer 12

Kommentare

Question 13

Was sind Tags?

Answer 13

Tags

=> Etiketten / Auszeichnungen
(Können groß & klein geschrieben werden; empfohlen: klein schreiben)

immer Start-Tag und schließendes Tag

…

Question 14

Was sind Attribute?

Answer 14

Attribute

=> definieren zusätzliche Eigenschaften für das Element

/ …

Werden im öffnende Tag definiert:

-> sind definiert als Name-Wert-Paare:

name=„wert“

name=’Wladimir “Dr. Steelhammer” Klitschko’ 


Question 15

Aus was besteht das HTML-Gerüst? (4)

Answer 15

HTML Grundgerüst:

,
,
,

Question 16

Nenne ein paar wichtige Standardattribute. (4)

Answer 16

Wichtige Standardattribute:

• id,
• class,
• style,
• title

Question 17

Grundregeln

Was sind die Anforderungen an die Dokumentenstruktur? (2)

Answer 17

Grundregeln

Anforderungen an die Dokumentenstruktur:

• DOCTYPE Deklaration muss vorhanden sein
• Die Elemente , und sollten vorhanden sein

Question 18

Grundregeln

Was sind die Anforderungen an die Elemente? (2)

Answer 18

Grundregeln

Anforderungen an Elemente:

• Müssen immer sauber ineinander geschachtelt werden

! Ausnahmen gibt es bei leeren Elementen, z.B. , <br></br> etc.

• Elemente sollten klein geschrieben werden

Question 19

Grundregeln

Was sind die Anforderungen an die Attribute? (2)

Answer 19

Grundregeln

Anforderungen Attribute:

• Attributnamen sotten klein geschrieben werden
• Attributwerte müssen in Anführungszeichen stehen

Question 20

Wie sehen Überschriften (headings) aus?

Answer 20

…

<h1>Überschrift Ebene 1</h1>


<p>Text unter Überschrift Ebene 1</p>

<h2>Überschrift Ebene 2</h2>


<p>Text unter Überschrift Ebene 2</p>

<h3>Überschrift Ebene 3</h3>


<p>Text unter Überschrift Ebene 3</p>

<h4>Überschrift Ebene 4</h4>


<p>Text unter Überschrift Ebene 4</p>

<h5>Überschrift Ebene 5</h5>


<p>Text unter Überschrift Ebene 5</p>

<h6>Überschrift Ebene 6</h6>


<p>Text unter Überschrift Ebene 6</p>



Question 21

Wie sehen Absätze aus?

Answer 21

=> Web-Browser fügen bei der Darstellung von Absätzen vor und nach dem Absatz eine Leerzeile ein

…



<p>Dies ist der erste Absatz.</p>

<p>Dies ist
 der zweite

Absatz.</p>

Question 22

Haben Zeilenumbrüche und Leerzeichen im HTML-Quelltext Einfluss auf die Darstellung im Browser?

Answer 22

=> Nein

Question 23

Was ist <br></br>?

Answer 23

<br></br>

=> break

erzwingt einen Zeilenumbruch

Question 24

Was ist ?

Answer 24

=> non-breaking space

erzeugt Leerzeichen, an dem kein Zeilenumbruch stattfindet

Question 25

Was ist

Answer 25

=> word break

Kennzeichnet einen optionalen Zeilenumbruch (sehr selten benötigt)

Question 26

Was ist ­?

Answer 26

­

=> soft hyphen

Kennzeichnet optionalen Zeilenumbruch mit Trennzeichen “-„ („Silbentrennung“)

(Wird aber kaum mehr verwendet, da automatische Silbentrennung im Browser per CSS aktiviert werden kann)

Question 27

Was ist der Unterschied zwischen Tags & Entities?

Answer 27

Tags:

Tags
=> definieren Elemente mit einer bestimmten Bedeutung
Diese können Auswirkungen auf einen größeren Bereich haben

_____________

Entities: &name;

Entities
=> sind Befehle, die jeweils ein Zeichen darstellen, das

• … in HTML ansonsten wegen einer besonderen Bedeutung reserviert ist, z.B. < und > als Begrenzer für Tags
• … nicht auf der Tastatur vorhanden ist, z.B. das Zeichen für Copyright ©

Question 28

Wie wird ein Entity-Zeichen angegeben?

Answer 28

Entities

Ein Entity-Zeichen wird in einer der beiden folgenden Formen angegeben:

&entity_name;
entity_number;

Bsp:
<

Question 29

Was sind Diakritische Zeichen?

Answer 29

Diakritische Zeichen

• über einem Zeichen als Akzent: à
• Unter einem Zeichen: ç
• In einem Zeichen
• Zwischen zwei Zeichen