HTML

Question 1

What does HTML stand for ?

Answer 1

Hyper Text Markup Language

Question 2

What does the Browser do with the Markup ?

Answer 2

He interprets the markup and displays it on the screen

Question 3

What does HTTP stand for ?

Answer 3

Hyper Text Transport Protocol

Question 4

what does HTTP do ?

Answer 4

It is a method that alows us to exchange the html documents from somewhere (mostly a server) to the browser. Via HTTP the browser sends a Request and this Request then gets answered by the Server and sends the according documents.

Question 5

What does URL (or URI) stand for ?

Answer 5

Universal Resource Locator (Identifier)

Question 6

What tells indicate to the browser ?

Answer 6

It indicates that everything in this Document will be Marked up text from (most of the time) html5.
In short Doctype indicates what type of document this is

Question 7

What is the tags use ?

Answer 7

Its the root container of the document in that all the markup is written

Question 8

What is typically inside a tag ?

Answer 8

The contains metadata and extra information that wont be rendered to the user in the webpage itself.
Examples:
Displays something in the browsers tab
a reference to a stylesheet or a javascript file
provides metadata about how to render the page
code that can make our website more interactive

Question 9

What goes into the ?

Answer 9

All the content of the page that gets displayed .
examples: 
text
lists
links
tables
images

Question 10

Explain Inline and Block elemnts

Answer 10

Block elements cover the whole width of the screen, they can contain block and inline elements.
Inline elemnts only take up the space they need. 2 inline elements are being displayed on the same line. Inline elemnts can only contain other inline elements

Question 11

was ist der tag für einen Linebreak ?

Answer 11

<br></br>

Question 12

was ist ein nonbreak space befehl ?

Answer 12

Man sagt der website, sie soll unter allen umständen die beiden durch &nbsp verbundenen wörter auf einer zeile anzeigen

Question 13

wie macht man eine horizontale linie über einen Tag ?

Answer 13

<hr></hr>

aber diese Methode ist eig veraltet

Question 14

durch welches Zeichen sind Special characters bestimmt ?

Answer 14

&

z.B &copy ist das eingerundete trademark c zeichen

Question 15

Wie macht man eine abbreviation mit html ? (Wenn man über etwas hovert wird etwas angezeigt)

Answer 15

über <abbr>der zu überhovernde text</abbr>

Question 16

Wie setzt man etwas wie hoch 2 mit html

Answer 16

^text für hoch und _Text

Question 17

quotations tag ?

Answer 17

text gibt aus “text”

Question 18

Beschreibe wie die 3 Listtypen aussehen

Answer 18

<ul>
<li>Text</li> ungeordnete Liste (Bulletpoints)
<li>Text</li>
</ul>

<ol>
<li>Text</li> geordnete Liste (zahlen 1., 2., 3., )
<li>Text</li>
</ol>

<dl>
<dt>Text</dt> definierte Liste (definition ist eingerückt )
<dd>Definition des Textes</dd>
</dl>

Question 19

Wie kann man durch einen anchor tag an eine andere stelle auf der webseite scrollen ?

Answer 19

indem man dem <a>pointer</a>

und dann auf den zu scrollenden punkt entweder ein

<div>Inhalt</div>

oder ein

<div>Inhalt</div>

(geht natürlich auch mit . und klassen

Man kann auch in den href=”./content/index.html#idname”
schreiben um auf eine andere seite an einer bestimmten stelle zu springen

Question 20

wie schafft man es anstatt den aktuellen tab zu verändern, eine seite in einem neuen tab/window über einen tag tag zu bekommen ?

Answer 20

<a>text</a>
standartmäßig öffnet sich ein neues window anstatt einem neuen tab, aber das liegt an den Browser einstellungen des users

Question 21

wie ist ein table in html aufgebaut ?

Answer 21

= table row
= table header
= table data

Question 22

Wie kann man eine zelle über mehrere Zellen (Reihen und spalten) ausbreiten?

Answer 22

geht 2 nach unten

geht 2 nach rechts

Question 23

Nenne ein paar properties die man mit bildern machen kann.

Answer 23

src=”bildsource”
alt=”text der angezeigt wird, wenn das bild nicht gefunden wird”
height=”150px”
width=”150px”
srcset=”bild1, bild2, bild3” gibt mehrere bildmöglichkeiten an

Question 24

Wie kann man mit html einen ausklapbaren text machen

Answer 24

Events

<p>Come join us</p>

Question 25

Wie spreche ich über den Dom etwas auf der webseite an?

Answer 25

Über document.GetElementsById oder Classname

Oder

document.querySelector(‘#example’) um den ersten match zu bekommen oder querySelectorAll um alle zu bekommen

Question 26

Was ist der Unterschied von document.getElementsById und document.querySelectorAll

Answer 26

getElementsById gibt ein Live result zurück und querySelector ein statisches

Question 27

Wie macht man einen Color picker ?

Question 28

Wie macht man eine ausklappbare combobox ?

Question 29

Wie macht man eine datumseingabe ?

Question 30

Mit was verifiziert man html inputs

Answer 30

mit regex oder required oder wenn man type=”number” macht

Question 31

Wie macht man einen autofocus, wenn man die seite neuläd ?

Answer 31

kann nur einmal pro seite verwendet werden