HTML Flashcards

1
Q

Start and end a heading Level (1-6)

A

<h1> Heading Level1 </h1>

<h2> Heading Level2 </h2>

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

Start and end a heading Level (1-6)

A

<h1> Heading Level1 </h1>

<h2> Heading Level2 </h2>

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

Start and end a paragpraph

A

<p>This is a paragraph </p>

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

Complete simple Document

A

Mir first HTML Document

    <p>Hello World!</p>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Hyperlinks

A

<a>Link Text</a>

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

Hyperlinks

A

<a>Link Text</a>

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

div, span

A

div: a block element with no special meansing
span: an inline-element with no special meaning

  • both are usually used in combination with an id or class attribute

<div>
<h1>My <span>Important </span> Heading </h1>
</div>

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

div, span

A

div: a block element with no special meansing
span: an inline-element with no special meaning

  • both are usually used in combination with an id or class attribute

<div>
<h1>My <span>Important </span> Heading </h1>
</div>

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

html

A

Root of the document structure (HTML4, HTML5)

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

meta

A

information about the document

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

link

A

connection to other documents, webpages, etc.

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

unordered List

A
<ul>
  <li>eins</li>
  <li>zwei</li>
  <li>drei</li>
</ul>

Shown as bulletpoints:

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

strong, bold, italic, marked, durchstrichener Text

A

strong: <strong></strong>
bold: <b></b>
italic: <i></i>
marked:
durchstreichen:

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

table mit zwei Zeilen und drei Spalten

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

a simple form

A

Folgende Zeile erstellt einen Knopf mit dem Namen send:

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

action attribute

A

where to send the form-data when a form is submitted

17
Q

method attribute

A

HTTP method to use when sending form-data.
can contain POST or GET as value:
- GET: form data attached to URL
- POST: form data included in the body of the HTTP request

18
Q

label

A
  • the label contains an input element
  • or the label and the input are linked via the for/id attribute

example:

Name:

19
Q

Select

A

Select car:
Mercedes
Audi
BMW

Hier wird nun ein Dropdown box mit der Wahl Mercedes, Audi und BMW angezeigt. Am Anfang steht da Select car:

20
Q

Button

A

Buttons werden immer folgendermassen erstellt:

Dabei bestimmt value, wie der Button heisst bzw. angezeigt werden soll.

z.B:

	Sobald der Button "Klick mich" geklickt wird, kommt eine Meldung mit der Nachricht Hi da draussen!.
21
Q

Newer form features

A
22
Q

Horizontaler Strich

A

<hr></hr>

23
Q

Bilder

A

<img></img>

src wird Name der Datei eingegeben. In alt steht der Text, welcher angezeigt werden soll, falls das Bild nicht angezeigt werden kann. Width bestimmt die Breite und Height die Länge des Bildes.