mirror of
https://github.com/TheTaz25/denis.ergin.git
synced 2025-07-06 13:18:49 +00:00
feat(tasks): add tasks for linking documents (de)
This commit is contained in:
Denis Ergin
parent
3b08016c0b
commit
009bd0d88f
11 changed files with 254 additions and 0 deletions
|
|
@ -0,0 +1,28 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Wie erstelle ich eine Datenbank in SQL? - Lösung</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Datenbanken</a> 
|
||||||
|
<a href="front.html">Vorderseite</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Wie erstelle ich eine Datenbank in SQL? - Die Lösung</h1>
|
||||||
|
<p>
|
||||||
|
Um eine Datenbank in SQL zu erstellen, nutzt man den Befehl <code>CREATE DATABASE</code>. Hier sind die Schritte zusammengefasst:
|
||||||
|
<ol>
|
||||||
|
<li>Öffne ein <b>SQL-Interface</b> oder eine <b>Datenbankverwaltungssoftware</b>.</li>
|
||||||
|
<li>Verwende den Befehl: <code>CREATE DATABASE datenbankname;</code>, um eine neue Datenbank zu erstellen.</li>
|
||||||
|
<li>Wähle die Datenbank aus mit: <code>USE datenbankname;</code>, um darin weiter zu arbeiten.</li>
|
||||||
|
<li>Erstelle Tabellen mit <code>CREATE TABLE tabellenname (spaltendefinitionen);</code>.</li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
<p>Diese Lösung wurde mithilfe von ChatGPT erstellt.</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Wie erstelle ich eine Datenbank in SQL?</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Datenbanken</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Frage: Wie erstelle ich eine Datenbank in SQL?</h1>
|
||||||
|
<p>
|
||||||
|
<a href="back.html">Drehe die Karte um</a>
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
27
src/pages/tasks/html-2/solution/databases/index.html
Normal file
27
src/pages/tasks/html-2/solution/databases/index.html
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Karteikarten - Datenbanken</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<a href=".">Zurück zur Themenübersicht</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<h1>Karteikarten zu Datenbanken</h1>
|
||||||
|
<p>Iteriere über Karteikarten um die Inhalte zum Themenkomplex "Datenbanken" zu vertiefen!</p>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/tasks/html-2/solution/databases/creating-databases/front">Datenbank erstellen</a></li>
|
||||||
|
<li><a href="/tasks/html-2/solution/databases/selecting-rows/front">Zeilen lesen</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Daten abfragen - Lösung</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Datenbanken</a> 
|
||||||
|
<a href="front.html">Vorderseite</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Wie werden Daten aus einer Datenbank abgefragt? - Die Lösung</h1>
|
||||||
|
<p>
|
||||||
|
Um Daten aus einer SQL-Datenbank abzufragen, verwendet man den Befehl <code>SELECT</code>. Die grundlegenden Schritte sind:
|
||||||
|
<ol>
|
||||||
|
<li>Nutze <code>SELECT spaltenname oder SELECT *</code>, um <strong>alle</strong> Spalten auszuwählen.</li>
|
||||||
|
<li>Gib mit <code>FROM tabellenname</code> die Tabelle an, aus der du die Daten abfragen möchtest.</li>
|
||||||
|
<li>Verwende optional <code>WHERE</code>, um die Abfrage auf bestimmte Kriterien zu beschränken.</li>
|
||||||
|
<li>Nutze <code>ORDER BY</code>, um die Ergebnisse zu sortieren.</li>
|
||||||
|
<li>Beispiel: <code>SELECT * FROM kunden WHERE stadt = 'Berlin';</code> fragt alle Kunden aus Berlin ab.</li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
<p>Diese Lösung wurde mithilfe von ChatGPT erstellt.</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Daten abfragen</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Datenbanken</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Frage: Wie werden Daten aus einer Datenbank abgefragt?</h1>
|
||||||
|
<p>
|
||||||
|
<a href="back.html">Drehe die Karte um</a>
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
23
src/pages/tasks/html-2/solution/index.html
Normal file
23
src/pages/tasks/html-2/solution/index.html
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<base href="/tasks/html-2/solution">
|
||||||
|
<title>Karteikarten - Themenübersicht</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<h1>Themenübersicht</h1>
|
||||||
|
<p>Momentan gibt es folgende Themen, die Karteikarten enthalten:</p>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/tasks/html-2/solution/databases">Datenbanken</a></li>
|
||||||
|
<li><a href="/tasks/html-2/solution/web-engineering">Webentwicklung</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
27
src/pages/tasks/html-2/solution/web-engineering/index.html
Normal file
27
src/pages/tasks/html-2/solution/web-engineering/index.html
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Karteikarten - Web Engineering</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<a href=".">Zurück zur Themenübersicht</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<h1>Karteikarten zu Web-Engineering</h1>
|
||||||
|
<p>Iteriere über Karteikarten um die Inhalte zum Themenkomplex "Web-Engineering" zu vertiefen!</p>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/tasks/html-2/solution/web-engineering/what-is-html/front">Was ist HTML</a></li>
|
||||||
|
<li><a href="/tasks/html-2/solution/web-engineering/linking-documents/front">HTML-Dokumente Verlinken</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Dokumente Verlinken - Lösung</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Web-Engineering</a> 
|
||||||
|
<a href="front.html">Vorderseite</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Dokumente Verlinken - Die Lösung</h1>
|
||||||
|
<p>HTML-Dokumente werden durch <strong>Hyperlinks</strong> miteinander verlinkt, die mit dem <a>-Tag erstellt werden. Der <strong>href</strong>-Attribut des <a>-Tags enthält die URL der Zielseite, zu der der Link führt. Wenn ein Benutzer auf den Link klickt, wird er zu der verknüpften Seite weitergeleitet. Links können sowohl zu internen Seiten derselben Website als auch zu externen Webseiten führen. Zusätzlich können Links so angepasst werden, dass sie <em>in einem neuen Tab oder Fenster geöffnet werden</em>, indem das Attribut <code>target="_blank"</code> verwendet wird.</p>
|
||||||
|
<p>Diese Lösung wurde mithilfe von ChatGPT erstellt.</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Dokumente verlinken</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Web-Engineering</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Frage: Wie werden HTML-Dokumente untereinander verlinkt?</h1>
|
||||||
|
<p>
|
||||||
|
<a href="back.html">Drehe die Karte um</a>
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Was ist HTML - Lösung</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Web-Engineering</a> 
|
||||||
|
<a href="front.html">Vorderseite</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Was ist HTML? - Die Lösung</h1>
|
||||||
|
<p>HTML (Hypertext Markup Language) ist die standardisierte Auszeichnungssprache, die verwendet wird, um Inhalte im Web zu strukturieren und darzustellen. Sie ermöglicht es, Text, Bilder, Links, Formulare und Multimedia-Elemente auf Webseiten zu platzieren. HTML besteht aus einer Reihe von Elementen, die durch Tags gekennzeichnet sind und dem Browser Anweisungen geben, wie der Inhalt zu interpretieren ist. Es arbeitet zusammen mit CSS und JavaScript, um das Design und die Funktionalität von Webseiten zu gestalten. HTML ist die Grundlage jeder Webseite und ermöglicht die Vernetzung von Informationen im World Wide Web.</p>
|
||||||
|
<p>Diese Lösung wurde mithilfe von ChatGPT erstellt.</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Was ist HTML?</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav>
|
||||||
|
<a href="../..">Themenübersicht</a> 
|
||||||
|
<a href="..">Web-Engineering</a>
|
||||||
|
</nav>
|
||||||
|
<h1>Frage: Was ist HTML?</h1>
|
||||||
|
<p>
|
||||||
|
<a href="back.html">Drehe die Karte um</a>
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue