[Intro] HTML Flashcards

1
Q

Was ist HTML?

A

HyperText Markup Language

-Der Grundbaustein jeder Webseite

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

Woher kommt HTML?

A

Früher gab es nur Text im Terminal, durch welchen man sich navigiert hat. Doch dann gab es den ersten Grafischen Browser und damit entstand HTML.

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

Ist HTML eine Programmiersprache?

A

Nein, aber eine Mark Up Language.

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

Wozu ist HTML designed worden?

A

Um einen Browser Anweisungen zum Darstellen des Inhaltes einer Website zu geben.

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

Was benutzt HTML um dem Browser verschiedene Informationen zu geben?

A

-Elemente wie header, p, img, a …

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

Für was benutzt HTML Elemente?

A

Um den Browser Informationen zum Darstellen von Inhalten zu geben.

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

Was sind gängige HTML Elemente

A
  • header
  • p
  • img
  • a
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Wie lautet die Anatomie eines Elementes?

A

Data

Inhalt wird in ein Opening Tag und ein Closing Tag eingeschlossen

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

Was ist das Closing Tags besonders?

A

Vor dem Namen ist ein /

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

Wie ist ein Standard HTML Seite aufgebaut?

A

HIER IST DER INHALT

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

Was macht das p bzw. Paragraph Element?

A

Jeder Inhalt startet in einer neuen Zeile

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

Warum sind die Elemente von HTML so eigenartig aufgebaut?

A

Man nahm früher an, dass alle Webseiten wie Zeitungen aufgebaut sein werden mit Headlines, Überschrift, Texten etc.

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

Was macht das span Element?

A

Span ist wie das Paragraph Element, nur es startet in in einer neuen Zeile.
-Ist ein generischer Text-Container

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

Was macht das div Element?

A
  • Steht für Divider
  • Noch generischer als ein Span Element
  • Kann andere Elemente beinhalten und tut erstmal alleine gar nichts
  • Kann als Container für Stylings genutzt werden
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Was ist das Headline Element/Tag?

A
  • Geht von h1 bis h6
  • Erzeugt Headlines in verschiedenen Größen
  • H1 ist dabei der wichtigste Text der Website
  • Sollte nicht einfach genutzt werden um die Font-Size zu ändern, sondern nur um die Wichtigkeit des Textes zu ändern.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Was macht das Inspector Tool eins Browsers

A

-Es lässt einen den HTML-Code der Website betrachten.

17
Q

Was ist ein Attribut?

A

-Ein Attribut kann einem HTML Element mehr Daten/Individualität verpassen.

18
Q

Wie sieht ein Attribut eines HTML Elementes aus?

A

Data

19
Q

Wie sieht das anker Tag Element aus?

A

<a>CLICKBAIT HERE</a>

20
Q

Was macht das anker Tag Element <a> in HTML?</a>

A

-Links erstellen

21
Q

Wie sieht das img Tag Element in HTML aus?

A

<img></img>Cool Picture

22
Q

Was macht das img Tag?

A

Zeigt Bilder auf einer Website an.

23
Q

Welches Attribut benutzt das img Tag?

A

src=”url”

24
Q

Benötigt das img Tag Daten zwischen dem Opening und Closing Tag?

A

Nein, das src Attribut alleine reicht aus um ein Bild anzuzeigen.
-Self Closing Tag

25
Q

Was ist eine besondere Eigenschaft des img Tag?

A

-Es ist ein self closing Tag

26
Q

Wie sieht ein Self Closing Tag aus?

A

-<img></img>

27
Q

Was ist das besondere an einem Self Closing Tag?

A

-Es braucht kein Closing Tag, sondern nur /

28
Q

Wofür steht das <ul> Element?</ul>

A
  • Ungeordnete Liste

- Beinhaltet <li> Listen</li>

29
Q

Was sind Beispiele wo eine ungeordnete Liste <ul> Sinn macht?</ul>

A

-Navigationsleisten, Schülernamen, Autonamen

30
Q

Was ist das <li> Element?</li>

A

-Eine Liste in einem <ul></ul>

31
Q

Wie erzeugt man eine Liste in einer ungeordneten Liste?

A

<ul>
<li> </li>
</ul>

32
Q

Wie erzeugt man eine geordnete Liste?

A

<ol></ol>

33
Q

Was ist der Unterschied zwischen ol und ul?

A

Die Items werden aufgezählt/geordnet sein bei ol.

34
Q

Warum ist es wichtig seinen HTML Code richtig einzurücken?

A

Zur Lesbarkeit sollten alle Childs eines Parents richtig eingerückt werden.