html

basic.css

/* 
   Some simple Github-like styles, with syntax highlighting CSS via Pygments.
*/
body{
	font-family: helvetica, arial, freesans, clean, sans-serif;
	color: #333;
	background-color: #fff;
	border: none;
	line-height: 1.5;
	margin: 2em 3em;
	text-align:left;
}
pre{
	background-color: #eee;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}
code{
	background-color: #eee;
	padding: 1px 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
li p{
	margin: 0.3em;
}
li{
	list-style-type: disc;
}
a:link, a:visited{
	color: #33e;
	text-decoration: none;
}
a:hover{
	color: #00f;
	text-shadow:1px 1px 2px #ccf;
	text-decoration:underline;
}
h1{
	color: #999;
	font-weight: bold;
}
h2{
	border-bottom: 1px dotted #aaa;
	margin-bottom: 1em;
	color: #333;
}
h3{
	color: #666;
}
.shadow{
	-webkit-box-shadow:0 5px 15px #000;
	-moz-box-shadow:0 5px 15px #000;
	box-shadow:0 5px 15px #000;		
}


.hll { background-color: #ffffff }
.c { color: #888888; font-style: italic } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { color: #000000; font-weight: bold } /* Keyword */
.cm { color: #888888 } /* Comment.Multiline */
.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.c1 { color: #888888 } /* Comment.Single */
.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #303030 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #606060 } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc{font-weight:bold;} /* Keyword.Constant */
.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
.m { color: #0000DD; font-weight: bold } /* Literal.Number */
.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na{color:#008080;} /* Name.Attribute */
.highlight .nb{color:#0086B3;} /* Name.Builtin */
.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
.highlight .no{color:#008080;} /* Name.Constant */
.highlight .ni{color:#800080;} 
.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
.highlight .nt{color:#000080;} /* Name.Tag */
.highlight .nv{color:#008080;} /* Name.Variable */
.py { color: #336699; font-weight: bold } /* Name.Property */
.ow { color: #008800 } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi {color:#099;} /* Literal.Number.Integer */
.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc{color:#d14;} /* Literal.String.Char */
.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
.highlight .s2{color:#d14;} /* Literal.String.Double */
.highlight .se{color:#d14;} /* Literal.String.Escape */
.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
.highlight .si{color:#d14;} /* Literal.String.Interpol */
.highlight .sx{color:#d14;} /* Literal.String.Other */
.highlight .sr{color:#d14;} /* Literal.String.Regex */
.highlight .s1{color:#d14;} /* Literal.String.Single */
.highlight .ss{color:#d14;} /* Literal.String.Symbol */
.bp { color: #003388 } /* Name.Builtin.Pseudo */
.vc { color: #336699 } /* Name.Variable.Class */
.vg { color: #dd7700 } /* Name.Variable.Global */
.vi { color: #3333bb } /* Name.Variable.Instance */
.il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */

html.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <!-- die Sprache der webseite -->
  <meta http-equiv="content-language" content="de">
  <!-- so koennen wir umlaute verwenden ohne sie zu escapen -->
  <!-- eigentlich sollte das funzen, aber i-wie mag der PSPad browser das nicht so -->
  <!-- over vllt. ist das wegen dem scheiss windows encoding? -->
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <!-- ein paar nutzlose meta-tags -->
  <meta name="generator" content="vim, www.vim.org">
  <meta name="author" content="Patrick Elsen">
  <!-- offline kopie des github-markdown CSS styles -->
  <link href="basic.css" rel="stylesheet" type="text/css">
  <!-- online version des github-markdown CSS styles -->
  <link href="https://raw.github.com/gist/1172277/3eadd9e60c5cc74fbed0f249bad5eb61defaf463/gh-like.css" rel="stylesheet" type="text/css">
  <title>HTML Grundkenntnisse</title>
</head>
<body>
  <h1>HTML</h1>
  <!-- Berners-Lee, die zwei Slashes nach http: hättest du weglassen können! -->
  <h2>Was ist HTML?</h2>
  <p>
    HTML ist eine Sprache, in der Webseiten f&uuml;r das World Wide Web geschrieben sind. 
    HTML wurde im Jahre 1990 von dem britischen Physiker und Informatiker Tim Berners-Lee 
    erfunden. Berners-Lee hatte HTML erfunden, damit man auf Informationen innherhalb 
    von CERN zugreifen kann, auch &uuml;ber verschiedene Netzwerkstrukturen. Er hatte 
    auch ein Protokoll erfunden zur &uuml;bermittlung von HTML-Seiten (HTTP) sowie 
    den ersten HTML Browser (WorldWideWeb). Interessanterweise wurde der erste Webserver 
    auf einem NeXTstep-System entwickelt, also ein Vorh&auml;nger zu dem heutigen Mac. 
  </p>
  
  <h2>Wof&uuml;r steht HTML?</h2>
  <p>
    HTML ist eine Abk&uuml;rzung, es steht f&uuml;r <b>H</b>yper <b>T</b>ext <b>M</b>arkup <b>L</b>anguage. 
    Dies bedeutet, dass HTML eine <i>Markupsprache</i> ist f&uuml;r <i>Hypertext</i>. <br><br>
    
    <i>Hypertext</i> 
    ist Text, der nicht linear verl&auml;uft, d.h. dass wenn man eine HTML Seite hat mit verschiedenen 
    Texten, kann es sein dass Texte die im Quellcode weiter hinten stehen in der Webseite 
    weiter vorne stehen. Dies ist ein Gegensatz zu mehr traditionellen Textformen, z.b. 
    Text in einer Konsole, die strikt linear verlaufen, d.h. dass der erste Text auch als erstes 
    dargestellt wird (Man kann aber auch mithilfe von ANSI Escapesequenzen auf die Konsole 
    nichtlinearen Text senden, dies ist aber ausserhalb des Rahmens dieses Dokumentes). <br><br>
    
    <i>Markup</i> 
    sind Metainformationen, die den Text beschreiben. Dies bedeutet, dass eine HTML Seite 
    nicht so auf dem Bildschirm aussieht wie es im Quelltext steht, da ein Teil des 
    Quelltextes nur das Aussehen der Webseite beschreibt, aber nicht selbst Teil der Webseite 
    ist. Solche Metainformationen waren zur Zeit als HTML entwickelt wurde neu, dies ist 
    ein wichtiger Bestandteil von HTML. <br><br>
    
    HTML war insofern einzigartig als es Entwickelt wurde, dass in HTML geschriebene Seiten
    sich verlinken k&ouml;nnen, damit Mann verschiedene Seiten miteinander Verkn&uuml;pft. Es gab schon vorher
    HTML-&Auml;hnliche ideen, z.b Gopher, welches wie HTML verlinken kann aber Markuptechnisch nicht so
    viel drauf hat. 
  </p>
  
  <h2>Vorteile von HTML</h2>
  <p>
    HTML ist eine Interpretierte Sprache, f&uuml;r HTML bedeutet das, dass es auf allen Betriebssystemen 
    l&auml;uft, und auch gleich aussieht, was sehr sinnvoll war, da es von Berners-Lee erfunden wurde 
    damit die Verschiedenen Standorte von CERN, die unterschiedliche Netzwerkstrukturen hattten, 
    kommunizieren k&ouml;nnen. <br><br>
    
    Zus&auml;tzlich hat HTML den Vorteil dass man HTML Seiten verlinken kann, d.h. dass man in 
    HTML nicht nur einfache Seiten schreiben kann wie z.b. Whilepapers oder Aufs&auml;tze, 
    sondern man kann diese auch miteinander verbinden, womit HTML eine Verbesserung zu dem 
    traditionellen Papier war. 
  </p>
  
  <h2>Quellen</h2>
  <p>
    <ul><!-- unordentliche liste (ul) -->
      <li>HTML.NET, <a href="http://www.html.net/tutorials/html/lesson2.php">Lesson 2: What is HTML?</a></li>
      <li>&lt;hyper&gt;gURL: <a href="http://www.hypergurl.com/whatishtml.html">Learning basic HTML</a></li>
      <li>Wikipedia: <a href="http://de.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a></li>
    </ul>
  </p>
</body>
</html>

internet.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <!-- die Sprache der webseite -->
  <meta http-equiv="content-language" content="de">
  <!-- so koennen wir umlaute verwenden ohne sie zu escapen -->
  <!-- eigentlich sollte das funzen, aber i-wie mag der PSPad browser das nicht so -->
  <!-- over vllt. ist das wegen dem scheiss windows encoding? -->
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <!-- ein paar nutzlose meta-tags -->
  <meta name="generator" content="vim, www.vim.org">
  <meta name="author" content="Patrick Elsen">
  <!-- offline kopie des github-markdown CSS styles -->
  <link href="basic.css" rel="stylesheet" type="text/css">
  <!-- online version des github-markdown CSS styles -->
  <link href="https://raw.github.com/gist/1172277/3eadd9e60c5cc74fbed0f249bad5eb61defaf463/gh-like.css" rel="stylesheet" type="text/css">
  <title>HTML Grundkenntnisse</title>
</head>
<body>
  <h1>Das Internet</h1>
  <!-- Berners-Lee, die zwei Slashes nach http: hättest du weglassen können! -->
  <h2>Was ist das Internet?</h2>
  <p>
		Im Kalten Krieg entwickelte das Amerikanische Milit&auml;r das ARPANET (<i>Advanced 
		Research Projects Agency Network</i> Netz). 
			<img src="http://upload.wikimedia.org/wikipedia/commons/b/bf/Arpanet_logical_map%2C_march_1977.png" alt="eine Karte des ARPANET">
		Dieses ARPANET war sehr anders als vorherige Kommunikationsarten. Ein Computer der 
		am ARPANET angeschlossen war hatte nicht, wie bei "Traditionellen" Arten der Kommunikation 
		eine Verbindung zu einem anderen Computer aufgebaut, sondern war mit dem Gesamten 
		Netzwerk verbunden - d.h. dass ein Computer gleichzeitig mit mehreren anderen Computern 
		kommunizieren konnte. Einige Neuerungen waren z.b. eine Technik die als <i>packet switching</i> 
		bekannt ist - dass Packete zwischen verschiedenen Computern weitergeleitet werden. <br><br>

		Das heutige Internet funktioniert &auml;hnlich zu dem ARPANET, aber heutzutage wird 
		andere Technoligie eingesetzt als damals. Heutzutage senden Computer entweder TCP oder 
		UDP Packete, und wegen der grossen Anzahl an Routern im Internet gibt es spezielle 
		Technologien, mit denen Router die schnellsten Routen finden zum Packete zu senden 
		(Routing tables). 
	</p>

	<h2>Die Funktionsweise des Internets</h2>
	<p>
		Das Internet ist ein gro&szlig;es Netz von Computern. Diese Computer k&ouml;nnen 
		miteinenader kommunizieren &ouml;ber TCP oder UDP. Der Unterschied zwischen TCP und 
		UDP ist dass TCP sicherstellt dass Packete auch ankommen, w&auml;hrend UDP Packete 
		auch im Netz verschwinden k&ouml;nnen ohne dass der Sender es mitbekommt. <br><br>

		Im Internet hat jeder Computer eine eindeutige Adresse, eine sogenannte IP-Adresse. 
		Es gibt 2 Arten von IP Adressen: IPv4 Adressen (z.b. <code>192.168.73.99</code>) und 
		IPv6 Adressen (z.b. <code>fe80::e2f8:47ff:fe16:179a</code>). Im Moment werden Haupts&auml;chlich 
		IPv4 Adressen verwendet, aber bald wird auf IPv6 Adressen umgestellt werden weil es so einen 
		gr&ouml;&szlig;eren Adressraum gibt, und der IPv4 Adressraum ist schon fast komplett 
		belegt. <br><br>

		Das Internet hat zwar standardisierte Protokolle, es spezifiziert aber nicht 
		&uum;ber welches Medium die Kommunikation erfolgt. Deshalb findet man 
		das Internet in vielen verschiedenen Formen, z.b. in Mobiltelefonen, 
		PDAs, GPS-Ger&aum;te, und viel mehr.
	</p>

  <h2>Quellen</h2>
  <p>
    <ul><!-- unordentliche liste (ul) -->
      <li>Sunny's Internet Arbeit: <a href="http://userpage.chemie.fu-berlin.de/~sunny/Internet_Arbeit/RTFToC2.html">Was ist das Internet?</a></li>
    </ul>
  </p>
</body>
</html>

osi.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <!-- die Sprache der webseite -->
  <meta http-equiv="content-language" content="de">
  <!-- so koennen wir umlaute verwenden ohne sie zu escapen -->
  <!-- eigentlich sollte das funzen, aber i-wie mag der PSPad browser das nicht so -->
  <!-- over vllt. ist das wegen dem scheiss windows encoding? -->
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <!-- ein paar nutzlose meta-tags -->
  <meta name="generator" content="vim, www.vim.org">
  <meta name="author" content="Patrick Elsen">
  <!-- offline kopie des github-markdown CSS styles -->
  <link href="basic.css" rel="stylesheet" type="text/css">
  <!-- online version des github-markdown CSS styles -->
  <link href="https://raw.github.com/gist/1172277/3eadd9e60c5cc74fbed0f249bad5eb61defaf463/gh-like.css" rel="stylesheet" type="text/css">
  <title>HTML Grundkenntnisse</title>
</head>
<body>
  <h1>OSI Netzwerkmodell</h1>
  <!-- Berners-Lee, die zwei Slashes nach http: hättest du weglassen können! -->
  <h2>Was ist HTML?</h2>
  <p>
  </p>
  
  <h2>Quellen</h2>
  <p>
    <ul><!-- unordentliche liste (ul) -->
      <li>HTML.NET, <a href="http://www.html.net/tutorials/html/lesson2.php">Lesson 2: What is HTML?</a></li>
    </ul>
  </p>
</body>
</html>

w3c.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <!-- die Sprache der webseite -->
  <meta http-equiv="content-language" content="de">
  <!-- so koennen wir umlaute verwenden ohne sie zu escapen -->
  <!-- eigentlich sollte das funzen, aber i-wie mag der PSPad browser das nicht so -->
  <!-- over vllt. ist das wegen dem scheiss windows encoding? -->
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <!-- ein paar nutzlose meta-tags -->
  <meta name="generator" content="vim, www.vim.org">
  <meta name="author" content="Patrick Elsen">
  <!-- offline kopie des github-markdown CSS styles -->
  <link href="basic.css" rel="stylesheet" type="text/css">
  <!-- online version des github-markdown CSS styles -->
  <link href="https://raw.github.com/gist/1172277/3eadd9e60c5cc74fbed0f249bad5eb61defaf463/gh-like.css" rel="stylesheet" type="text/css">
  <title>HTML Grundkenntnisse</title>
</head>
<body>
  <h1>W3C</h1>
  <h2>Was ist das W3C?</h2>
	<p>
		Das W3C (abk&uum;rzung f&uuml;r das World Wide Web Consortium). Dieses Consortium 
		Entscheidet &uuml;ber Web-Standards. Das W3C Ver&ouml;ffentlicht Dokumentationen 
		zu Webtechnologien wie HTML, XHTML, JavaScript und CSS. Mithilfe dieser Dokumentation 
		soll sichergestellt sein, dass z.b. alle Browser HTML gleich darstellen, dies n&uuml;tzt 
		nat&uuml;rlich nichts, wenn es Browser wie den Internet Explorer gibt, die sich nicht 
		and Standards halten. <br><br>

		Das W3C entwickelt auch zuk&uuml;nftige Technologien wie z.b. HTML 5, CSS 3. Mit 
		diesen neuen Technologien sind moderne Webseiten wie Facebook m&ouml;glich. W3C hat 
		z.b. das JavaScript DOM (Document Object Model), mithilfe dieser Technologie kann 
		man in JavaScript auf die Webseite zugreifen und dies macht jQuery m&ouml;glich, 
		ein JavaScript Modul welches f&uum;r viele Interaktive Inhalte zust&auml;ndig ist. 
	</p>

  <p>
    <ul><!-- unordentliche liste (ul) -->
      <li>W3C: <a href="http://www.w3.org/Consortium/mission">Mission Statement</a></li>
    </ul>
  </p>
</body>
</html>

www.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <!-- die Sprache der webseite -->
  <meta http-equiv="content-language" content="de">
  <!-- so koennen wir umlaute verwenden ohne sie zu escapen -->
  <!-- eigentlich sollte das funzen, aber i-wie mag der PSPad browser das nicht so -->
  <!-- over vllt. ist das wegen dem scheiss windows encoding? -->
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <!-- ein paar nutzlose meta-tags -->
  <meta name="generator" content="vim, www.vim.org">
  <meta name="author" content="Patrick Elsen">
  <!-- offline kopie des github-markdown CSS styles -->
  <link href="basic.css" rel="stylesheet" type="text/css">
  <!-- online version des github-markdown CSS styles -->
  <link href="https://raw.github.com/gist/1172277/3eadd9e60c5cc74fbed0f249bad5eb61defaf463/gh-like.css" rel="stylesheet" type="text/css">
  <title>HTML Grundkenntnisse</title>
</head>
<body>
  <h1>Das World Wide Web</h1>
  <h2>Was ist das WWW?</h2>
  <p>
		Das World Wide Web ist wahrscheinlich die meistgenutzte "Funktion" des Internets. 
		Das WWW ist was man meistens als "Internet" bezeichnet. Das WWW benutzt das 
		<b>H</b>yper<b>t</b>ext <b>T</b>ransfer <b>P</b>rotocol um Webseiten an 
		Clienten zu senden. Das WWW ist damit ein klassisches Beispiel des Client-Server 
		Modells. <br><br>

		Es gab fr&uuml;her schon Ans&auml;tze, ein Weltweites Netzwerk zu erstellen. Gopher 
		ist eins von diesen Ans&auml;tzen, aber HTTP in verbindung mit der 
		<b>H</b>yper<b>t</b>ext <b>M</b>arkup <b>L</b>anguage hat diese Ans&auml;tze 
		gr&ouml;&szlig;tenteils ersetzt. Das WWW ist wahrscheinlich deshalb so 
		Beliebt geworden, weil es Cross-Platform Kompatibel ist (d.h. es l&auml;uft 
		auf den meisten Plattformen) und weil es einige sehr interessante 
		Ideen hat, z.b. die Verlinkung von Inhalten. <br><br>

		Das heutige World Wide Web besteht auf mehreren Standards, die von 
		dem World Wide Web Consortium festgelegt und dokumentiert werden.
  </p>
  
  <h2>Quellen</h2>
  <p>
    <ul><!-- unordentliche liste (ul) -->
      <li>TEIA: <a href="http://www.teialehrbuch.de/Kostenlose-Kurse/TEIA-Internetfuehrerschein/11158-Was-ist-das-WWW.html">Was ist das WWW?</a></li>
    </ul>
  </p>
</body>
</html>