Upload Aufgabe 03

This commit is contained in:
Justin Dretvic 2020-04-29 20:00:27 +02:00
parent be0e4bb504
commit 5756ae9854
13 changed files with 349 additions and 0 deletions

View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title> About Me </title>
<meta charset="UTF-8">
</head>
<body>
<p> Here you get ( o-o)~[ 20&#x20AC; ] </p>
<p> Now you have to get me an A++ (ò-ó) </p>
<p> <b>Hier</b> kommt ihr zu den anderen Seiten </p>
<ul>
<li>
<a href="about_me.html"> About mew! </a>
</li>
<li>
<a href="contact.html"> Kontaktiere mich doch :3 </a>
</li>
<li>
<a href="portfolio.html"> Portfolio </a>
</li>
</ul>
<h1> This is real, this is me</h1>
<h2> This is exactly, where I'm supposed to be ♫ </h2>
<h4> Damit das "about mew!" mal gerechtfertigt ist:</h4>
<embed src="files/mew.png" />
<div>
<label>Süß, oder?</label>
<input type="checkbox">
</div>
<table>
<tr>
<th> Hello </th>
<th> I'm </th>
<th> a </th>
<th> table </th>
</tr>
<tr>
<td> a table </td>
<td> without css </td>
<td> is </td>
<td> ugly </td>
</tr>
<tr>
<td> a table </td>
<td> without css </td>
<td> is </td>
<td> ugly </td>
</tr>
</table> <br>
<img src="files/robin-redbreast-in-tree-5038867_640.jpg" alt="Cheep Cheep, I'm a Sheep" /> <br><br>
<div>
Quick Mafs! <br>
<code>
x = 5; <br>
y = 3; <br>
x + y = 8;
</code>
</div>
<ol>
<li> Ich kann schon </li>
<li> den Zahlenbereich </li>
<li> von 1 bis 20 </li>
</ol>
</body>
</html>

View File

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title> Contact </title>
<meta charset="UTF-8">
</head>
<body>
<p> Look for stuff py pressing <kbd>Ctrl + F</kbd> </p>
<p> <b>Hier</b> kommt ihr zu den anderen Seiten </p>
<ul>
<li>
<a href="about_me.html"> About mew! </a>
</li>
<li>
<a href="contact.html"> Kontaktiere mich doch :3 </a>
</li>
<li>
<a href="portfolio.html"> Portfolio </a>
</li>
</ul>
<div>
<label>What are you looking for? </label>
<input type="text">
</div>
<p> Hier ist eine <a href="files/leertext.pdf">PDF</a> mit Leertext verlinkt! </p>
<p> Diese dient dazu, genug Datentypen für die Aufgabe zu verwenden. </p>
<h2> Mail </h2>
<p> Justin.Dretvic@hs-furtwangen.de </p>
<h2> Facebook </h2>
<img src="files/fb_logo.png" alt="Facebook Logo" />
<p> Here is a related quote:</p>
<blockquote>
We're running the company to serve more people. <br>
Said by: Mark Zuckerberg
</blockquote>
<h2> Instagram </h2>
<img src="files/insta_logo.png" alt="Instagram Logo" />
<footer>
<div>
<p> Dieser Inhalt steht in einem footer! </p>
<p> Jegliche Inhalte werden nicht monetär verwendet! </p>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 901 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title> Portfolio </title>
<meta charset="UTF-8">
</head>
<body>
<h1> Willkommen auf meiner Website</h1>
<h3> Ich bin ein Fan davon, Anforderungen zu abusen </h3>
<h5> <del> Ich hab jetzt schon 3 HTML-Elemente </del> </h5>
<p> <b>Hier</b> kommt ihr zu den anderen Seiten </p>
<ul>
<li>
<a href="about_me.html"> About mew! </a>
</li>
<li>
<a href="contact.html"> Kontaktiere mich doch :3 </a>
</li>
<li>
<a href="portfolio.html"> Portfolio </a>
</li>
</ul>
<a href="#anchor"> Don't click on me </a> <br><br>
<div>
<label>Klick mal drauf, das könnte irgendwann hilfreich werden: </label>
<input type="color">
</div>
<button> Sinnloser Button. ACHTUNG! SINNLOS!!! </button> <br><br>
<iframe width="1280" height="720" src="https://www.youtube.com/embed/-8SY-1f6xn0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe> <br><br>
<p> Don't you dare pressing on the play-button! I warned you! </p>
<audio controls id="anchor">
<source src="files/Battle_Cry_High_Pitch.mp3" type="audio/ogg">
Your browser does not support the audio element.
</audio> <br>
</body>
</html>

View File

@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title> used tags </title>
<meta charset="UTF-8">
</head>
<body>
<table>
<tr>
<th> tag </th>
<th> Nutzen</th>
<th> portfolio </th>
<th> About_me </th>
<th> contact </th>
</tr>
<tr>
<td> &lt;h16&gt; </td>
<td> header </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;p&gt; </td>
<td> paragraph</td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;del&gt; </td>
<td> deleted </td>
<td> [X]</td>
<td> [ ]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;a&gt; </td>
<td> anchor </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;ul&gt; </td>
<td> unordered list </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;ol&gt; </td>
<td> ordered list </td>
<td> [ ]</td>
<td> [X]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;div&gt; </td>
<td> Container </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;table&gt; </td>
<td> Tabelle </td>
<td> [ ]</td>
<td> [X]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;code&gt; </td>
<td> code-block</td>
<td> [ ]</td>
<td> [X]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;img&gt; </td>
<td> image </td>
<td> [ ]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;button&gt; </td>
<td> button </td>
<td> [X]</td>
<td> [ ]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;iframe&gt; </td>
<td> iframe </td>
<td> [X]</td>
<td> [ ]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;audio&gt; </td>
<td> audio control </td>
<td> [X]</td>
<td> [ ]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;br&gt; </td>
<td> break </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;embed&gt; </td>
<td> embed </td>
<td> [ ]</td>
<td> [X]</td>
<td> [ ]</td>
</tr>
<tr>
<td> &lt;label&gt; </td>
<td> label </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;input&gt; </td>
<td> input </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;footer&gt; </td>
<td> footer </td>
<td> [ ]</td>
<td> [ ]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;blockquote&gt; </td>
<td> blockquote </td>
<td> [ ]</td>
<td> [ ]</td>
<td> [X]</td>
</tr>
<tr>
<td> &lt;b&gt; </td>
<td> </td>
<td> [X]</td>
<td> [X]</td>
<td> [X]</td>
</tr>
</table>
</body>
</html>

View File

@ -13,6 +13,9 @@ body {
</head>
<body>
<!-- Hier die Links zu den gelösten Aufgaben einstellen, aktuelle oben, alte stehen lassen! Format: Aufgabenbezeichnung, Datum -->
<a href="https://github.com/YamiDesu/GIS-SoSe-2020/issues" taget="_blank"> Github Reposiroty → Issues <br> </a>
<a href="https://yamidesu.github.io/GIS-SoSe-2020/Aufgaben/Aufgabe_01_2020-04-29/portfolio.html" target="_blank"> Aufgabe_02_2020-05-06 </a>
& <a href="https://yamidesu.github.io/GIS-SoSe-2020/Aufgaben/Aufgabe_02_2020-05-06/tags_used.html" target="_blank"> tags_used <br> </a>
<a href="https://yamidesu.github.io/GIS-SoSe-2020/Aufgaben/Aufgabe_01_2020-04-29/index.html" target="_blank"> Aufgabe_01_2020-04-29 <br> </a>
<a href="https://yamidesu.github.io/GIS-SoSe-2020/Aufgaben/Aufgabe_00_2020-04-22/index.html" target="_blank"> Aufgabe_00_2020-04-22 <br> </a>
</body>