Grenzen Sie Auszeichnungssprache und Programmiersprache voneinander ab!
- Eine Programmiersprache unterscheidet sich von einer reinen Auszeichnungssprache (auch Markup-Sprache genannt) durch die Elemente von Sequenz, Iteration und Auswahl.
- Mit Auszeichnungssprachen werden Dokumente erzeugt, mit Programmiersprachen Scripts oder Programme.
- Dokumente von Markup-Sprachen werden von einem Parser gelesen, der die Dokumentstruktur analysiert, während Scripts oder Programme als eine Folge von Anweisungen abgearbeitet werden, sei es von einem Interpreter oder vom Betriebssystem.
Tags: HTML
Source:
Source:
Welche Funktion hat eine Dokumentyp-Deklaration (Doctype) in HTML5?
- Die Dokumenttyp-Deklaration bestimmt, welche Auszeichnungssprache in welcher Version verwendet wird.
- Im neuen HTML5 Standard wird keine DTD benötigt! Trotzdem muss vereinfachte Doctype Deklaration verwendet werden, damit Dokumente im Browserstandardkonform dargestellt werden.
- Die Syntax eines HTML / XHTML Dokuments wird durch ihre Spezifikation (DTD) definiert.
Tags: HTML
Source:
Source:
Nennen Sie 5 semantische Elemente in HTML5 und erläutern Sie deren Zweck!
| <nav> | Navigation (nur einmal!) |
| <section> | Sinnabschnitt (Content) |
| <header> | Kopfbereich |
| <footer> | Fußbereich |
| <aside> | Sidebar (mit ergänzenden Inhalten) |
| <article> | Artikel, der für sich alleine steht |
| <time> | Datum |
Tags: HTML
Source:
Source:
Welche Unterschiede gibt es zwischen HTML4, XHTML, HTML5?
- Die Entwicklung von HTML 4.01 wurde bereits 1999 eingestellt. (SGML-basiert)
- XHTML ist ein HTML-Dokument im XML-Standart und eine XML-basierte Neuformulierung von HTML 4.01. Die Entwicklung von XHTML Version 2.0 wurde zugunsten von HTML 5 eingestellt.
- HTML5 wird direkt aus HTML 4.01 entwickelt und enthalt vielfältige neue Funktionalitäten wie z.B. Video, Audio, lokalen Speicher und dynamische 2D- und 3D-Grafiken.
Tags: HTML
Source:
Source:
In welche zwei Kategorien kann man HTML Tags einordnen?
Erklären Sie den Unterschied zwischen ihnen und nennen Sie jeweils ein Beispielelement!
Erklären Sie den Unterschied zwischen ihnen und nennen Sie jeweils ein Beispielelement!
- Ein Block-Element erzeugt im Gegensatz zu einem Inline-Element einen Absatz im Textfluss und können als übergeordnetes Elemente für untergeordnete Inline-Elemente angesehen werden. Block-Elemente können selber entweder Text oder weitere Inline-Elemente enthalten, einige Block-Elemente können wiederum andere Block-Elemente enthalten.
- Inline-Elemente erzeugen im Gegensatz zu einem Block-Element keinen eigenen Absatz im Textfluss und können als untergeordnete Elemente für das übergeordnete Block-Element angesehen werden. Inline-Elemente können selber entweder Text oder weitere Inline-Elemente enthalten, jedoch in den meisten Fällen keine Block-Elemente.
Was eine Inline-Element und was ein Block-Element darstellt, ist im DTD (Document Type Definition) hinterlegt.
- Typische Blockelemente sind z.B.: <h1> ... <h6>, <header>, <p>, <article>
- Typische Inline-Elemente sind z.B.: <strong>, <em>, <img>, <style>
Tags: HTML
Source: http://html5-webdesign.de/Html_5.html
Source: http://html5-webdesign.de/Html_5.html
Erstellen Sie eine nummerierte Liste in HTML mit 2 Elementen!
<html>
<head>
<title>Nummerierte Liste definieren</title>
</head>
<body>
<h1>Listenüberschrift</h1>
<ol>
<li>Element Nummer 1</li>
<li>Element Nummer 2</li>
</ol>
</body>
</html>
Erklärung:
<ol> leitet eine nummerierte Liste ein (ol = ordered list = nummerierte Liste).
Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag).
</li> beendet den Listeneintrag.
</ol> beendet die Liste.
<head>
<title>Nummerierte Liste definieren</title>
</head>
<body>
<h1>Listenüberschrift</h1>
<ol>
<li>Element Nummer 1</li>
<li>Element Nummer 2</li>
</ol>
</body>
</html>
Erklärung:
<ol> leitet eine nummerierte Liste ein (ol = ordered list = nummerierte Liste).
Mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag).
</li> beendet den Listeneintrag.
</ol> beendet die Liste.
Tags: HTML
Source: http://de.selfhtml.org/html/text/listen.htm
Source: http://de.selfhtml.org/html/text/listen.htm
Erstellen sie eine Tabelle in HTML mit 4 Einträgen!
<table>
<tr> → table-row
<td> 1 </td> → table-data
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
<td> 4 </td>
<tr>
</table>
<tr> → table-row
<td> 1 </td> → table-data
<td> 2 </td>
</tr>
<tr>
<td> 3 </td>
<td> 4 </td>
<tr>
</table>
Tags: HTML
Source:
Source:
Skizzieren Sie die Verwendung semantischer HTML 5 Elemente eines Blog oder News-Eintrags. Verwenden Sie hierbei eine Überschrift, das Datum, den Inhalt des Artikels, sowie Links zu Kommentaren!
<article>
<header>
<h1>Titel des ersten Artikels</h1>
</header>
<p>Dies ist ein erster Beispielartikel im
Beispielblog. Sein einziger und
ausschließlicher Sinn ist es, nun ja, ein
Beispielartikel zu sein. Mehr nicht. Keine wirklich
schwere Aufgabe.</p>
<footer>
<p>Geschrieben am
<time datetime="2014-08-01T21:02+01:00"
pubdate="pubdate">
02. August 2014 um 13:37
</time> Uhr von Autor.
<a href="...">Kommentare</a>
</p>
</footer>
</article>
<header>
<h1>Titel des ersten Artikels</h1>
</header>
<p>Dies ist ein erster Beispielartikel im
Beispielblog. Sein einziger und
ausschließlicher Sinn ist es, nun ja, ein
Beispielartikel zu sein. Mehr nicht. Keine wirklich
schwere Aufgabe.</p>
<footer>
<p>Geschrieben am
<time datetime="2014-08-01T21:02+01:00"
pubdate="pubdate">
02. August 2014 um 13:37
</time> Uhr von Autor.
<a href="...">Kommentare</a>
</p>
</footer>
</article>
Tags: HTML
Source:
Source:
Flashcard set info:
Author: SteamChris
Main topic: Wirtschaftsinformatik
Topic: Web-Techniken
School / Univ.: Universität Leipzig
City: Leipzig
Published: 01.08.2014
Tags: Web-Techniken I, Franczyk
