Skip to content

Instantly share code, notes, and snippets.

@xfbs

xfbs/.gitignore

Created August 26, 2011 07:11
Show Gist options
  • Save xfbs/1172875 to your computer and use it in GitHub Desktop.
Save xfbs/1172875 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Grundkenntnisse
Raw
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 */
Raw
basic.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- so koennen wir umlaute verwenden ohne sie zu escapen -->
<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>
<h2>HTML</h2>
<p>
HTML ist eine Sprache, in der Webseiten f&uuml;r das World Wide Web geschrieben sind. HTML steht
f&uuml;r "Hyper Text Markup Language". Dieses Bedeutet dass HTML praktisch Text ist, in dem Markup
Befehle eingearbeitet sind. Diese Markup Befehle bestimmen die Darstellung des Textes, sowie
einige Andere Aspekte der Website (Stichwort Metatags).
</p>
<p>
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>
<p>
HTML ist eine Interpretierte Sprache, f&uuml;r HTML bedeutet das dass es auf allen Betriebssystemen
l&auml;uft, was zu dem Zeitpunkt der Erstellung sehr praktisch war da es damals nocht mehrere
konkurrierende Betriebssysteme, Computerarchitekturen und -systeme gab, welche heutzutage alle
durch Windows, Mac &amp; Co. ersetzt wurden.
</p>
<h2>Das WWW</h2>
<p>
Das World Wide Web, am besten bekannt als das Internet, ist eine Platform auf
der Kommunikation, in dem man auf HTML Webseiten zugreifen kann. Diese Webseiten
laufen auf fast allen Betriebssystemen. Mit dem WWW k&ouml;nnen z.b. Firmen Werbung
f&uuml;r ihre Produkte machen oder Spammer k&ouml;nnen dar&uuml;ber ihre medizinischen Produkte
verkaufen.
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment