HTML Flashcards
What does HTML stand for ?
Hyper Text Markup Language
What does the Browser do with the Markup ?
He interprets the markup and displays it on the screen
What does HTTP stand for ?
Hyper Text Transport Protocol
what does HTTP do ?
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.
What does URL (or URI) stand for ?
Universal Resource Locator (Identifier)
What tells indicate to the browser ?
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
What is the tags use ?
Its the root container of the document in that all the markup is written
What is typically inside a tag ?
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
What goes into the ?
All the content of the page that gets displayed . examples: text lists links tables images
Explain Inline and Block elemnts
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
was ist der tag für einen Linebreak ?
<br></br>
was ist ein nonbreak space befehl ?
Man sagt der website, sie soll unter allen umständen die beiden durch   verbundenen wörter auf einer zeile anzeigen
wie macht man eine horizontale linie über einen Tag ?
<hr></hr>
aber diese Methode ist eig veraltet
durch welches Zeichen sind Special characters bestimmt ?
&
z.B © ist das eingerundete trademark c zeichen
Wie macht man eine abbreviation mit html ? (Wenn man über etwas hovert wird etwas angezeigt)
über <abbr>der zu überhovernde text</abbr>
Wie setzt man etwas wie hoch 2 mit html
text für hoch und Text
quotations tag ?
text gibt aus “text”
Beschreibe wie die 3 Listtypen aussehen
<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>
Wie kann man durch einen anchor tag an eine andere stelle auf der webseite scrollen ?
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
wie schafft man es anstatt den aktuellen tab zu verändern, eine seite in einem neuen tab/window über einen tag tag zu bekommen ?
<a>text</a>
standartmäßig öffnet sich ein neues window anstatt einem neuen tab, aber das liegt an den Browser einstellungen des users
wie ist ein table in html aufgebaut ?
= table row
= table header
= table data
Wie kann man eine zelle über mehrere Zellen (Reihen und spalten) ausbreiten?
geht 2 nach unten
geht 2 nach rechts
Nenne ein paar properties die man mit bildern machen kann.
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
Wie kann man mit html einen ausklapbaren text machen
Events
<p>Come join us</p>
Wie spreche ich über den Dom etwas auf der webseite an?
Über document.GetElementsById oder Classname
Oder
document.querySelector(‘#example’) um den ersten match zu bekommen oder querySelectorAll um alle zu bekommen
Was ist der Unterschied von document.getElementsById und document.querySelectorAll
getElementsById gibt ein Live result zurück und querySelector ein statisches
Wie macht man einen Color picker ?
Wie macht man eine ausklappbare combobox ?
Wie macht man eine datumseingabe ?
Mit was verifiziert man html inputs
mit regex oder required oder wenn man type=”number” macht
Wie macht man einen autofocus, wenn man die seite neuläd ?
kann nur einmal pro seite verwendet werden
