01 HTML-Grundlagen Flashcards

Grundgerüst Kommentare Tags & Attribute Überschriften Absätze Entities (29 cards)

1
Q

Wie sieht das HTML-Grundgerüst aus?

A

Titel des Dokuments

Inhalt der Seite.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Was ist ?

A

=> 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)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Was ist der Unterschied zwischen Zeichenkodierung 6 Zeichensatz?

A

Zeichenkodierung vs. Zeichensatz

Zeichensatz
=> übersetzt Zeichen in Zahlenwerte

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A

Schlüsselwörter für Suchmaschinen definieren

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Wie gibt man die Beschreibung der Web-Seite an?

A

Beschreibung der Web-Seite angeben

content=„Tutorials on HTML and CSS“>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Wie gibt man den Autor der Website an?

A

Autor der Web-Seite angeben

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

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

A

Web-Seite alle 30 Sekunden automatisch neu laden

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Wie legt man die Zeichenkodierung fest?

A

Zeichenkodierung

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Was bedeutet ?

A

=> definiert die eigentliche Web-Seite

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Wie sieht der Kopf aus? Was kommt dort rein?

A

Kopf

Titel des Dokuments

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Wie sieht der Rumpf aus? Was kommt dort rein?

A

Rumpf

Inhalt der Seite.

=> definiert den sichtbaren Seiteninhalt

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Wie schreibt man Kommentare?

A

Kommentare

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Was sind Tags?

A

Tags

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

immer Start-Tag und schließendes Tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Was sind Attribute?

A

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’ 


How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

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

A

HTML Grundgerüst:

,
,
,

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Nenne ein paar wichtige Standardattribute. (4)

A

Wichtige Standardattribute:

  • id,
  • class,
  • style,
  • title
17
Q

Grundregeln

Was sind die Anforderungen an die Dokumentenstruktur? (2)

A

Grundregeln

Anforderungen an die Dokumentenstruktur:

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

Grundregeln

Was sind die Anforderungen an die Elemente? (2)

A

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
19
Q

Grundregeln

Was sind die Anforderungen an die Attribute? (2)

A

Grundregeln

Anforderungen Attribute:

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

Wie sehen Überschriften (headings) aus?

A

<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>

21
Q

Wie sehen Absätze aus?

A

=> 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>

22
Q

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

23
Q

Was ist <br></br>?

A

<br></br>

=> break

erzwingt einen Zeilenumbruch

24
Q

Was ist ?

A

=> non-breaking space

erzeugt Leerzeichen, an dem kein Zeilenumbruch stattfindet

25
Was ist
=> word break Kennzeichnet einen optionalen Zeilenumbruch (sehr selten benötigt)
26
Was ist ­?
­ => soft hyphen Kennzeichnet optionalen Zeilenumbruch mit Trennzeichen “-„ („Silbentrennung“) (Wird aber kaum mehr verwendet, da automatische Silbentrennung im Browser per CSS aktiviert werden kann)
27
Was ist der Unterschied zwischen Tags & Entities?
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 ©
28
Wie wird ein Entity-Zeichen angegeben?
Entities Ein Entity-Zeichen wird in einer der beiden folgenden Formen angegeben: &entity_name; entity_number; Bsp: <
29
Was sind Diakritische Zeichen?
Diakritische Zeichen - über einem Zeichen als Akzent: à - Unter einem Zeichen: ç - In einem Zeichen - Zwischen zwei Zeichen