Compare commits
No commits in common. "117ddbc9e5bd986d71c496f57aa5f913cf198c3d" and "98992310742f2486c96324f48b6c41e03a8e2c67" have entirely different histories.
117ddbc9e5
...
9899231074
|
|
@ -1 +0,0 @@
|
||||||
.DS_Store
|
|
||||||
|
|
@ -21,7 +21,4 @@
|
||||||
* [jsfiddle](https://jsfiddle.net/)
|
* [jsfiddle](https://jsfiddle.net/)
|
||||||
* [Google Search Console](https://search.google.com/search-console)
|
* [Google Search Console](https://search.google.com/search-console)
|
||||||
* [Cross Browser testing](https://www.browserling.com/)
|
* [Cross Browser testing](https://www.browserling.com/)
|
||||||
* [Browser Test](https://html5test.com/)
|
* [Browser Test](https://html5test.com/)
|
||||||
|
|
||||||
### Interne Links
|
|
||||||
* [Semantische Tags](html/semantic.html)
|
|
||||||
142
css/code.css
142
css/code.css
|
|
@ -1,142 +0,0 @@
|
||||||
/* PrismJS 1.19.0
|
|
||||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
|
|
||||||
/**
|
|
||||||
* prism.js default theme for JavaScript, CSS and HTML
|
|
||||||
* Based on dabblet (http://dabblet.com)
|
|
||||||
* @author Lea Verou
|
|
||||||
*/
|
|
||||||
|
|
||||||
code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
color: black;
|
|
||||||
background: none;
|
|
||||||
text-shadow: 0 1px white;
|
|
||||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
||||||
font-size: 1em;
|
|
||||||
text-align: left;
|
|
||||||
white-space: pre;
|
|
||||||
word-spacing: normal;
|
|
||||||
word-break: normal;
|
|
||||||
word-wrap: normal;
|
|
||||||
line-height: 1.5;
|
|
||||||
|
|
||||||
-moz-tab-size: 4;
|
|
||||||
-o-tab-size: 4;
|
|
||||||
tab-size: 4;
|
|
||||||
|
|
||||||
-webkit-hyphens: none;
|
|
||||||
-moz-hyphens: none;
|
|
||||||
-ms-hyphens: none;
|
|
||||||
hyphens: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
|
||||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
|
||||||
text-shadow: none;
|
|
||||||
background: #b3d4fc;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
|
||||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
|
||||||
text-shadow: none;
|
|
||||||
background: #b3d4fc;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Code blocks */
|
|
||||||
pre[class*="language-"] {
|
|
||||||
padding: 1em;
|
|
||||||
margin: .5em 0;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
:not(pre) > code[class*="language-"],
|
|
||||||
pre[class*="language-"] {
|
|
||||||
background: #f5f2f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inline code */
|
|
||||||
:not(pre) > code[class*="language-"] {
|
|
||||||
padding: .1em;
|
|
||||||
border-radius: .3em;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.comment,
|
|
||||||
.token.prolog,
|
|
||||||
.token.doctype,
|
|
||||||
.token.cdata {
|
|
||||||
color: slategray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.punctuation {
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.namespace {
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.property,
|
|
||||||
.token.tag,
|
|
||||||
.token.boolean,
|
|
||||||
.token.number,
|
|
||||||
.token.constant,
|
|
||||||
.token.symbol,
|
|
||||||
.token.deleted {
|
|
||||||
color: #905;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.selector,
|
|
||||||
.token.attr-name,
|
|
||||||
.token.string,
|
|
||||||
.token.char,
|
|
||||||
.token.builtin,
|
|
||||||
.token.inserted {
|
|
||||||
color: #690;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.operator,
|
|
||||||
.token.entity,
|
|
||||||
.token.url,
|
|
||||||
.language-css .token.string,
|
|
||||||
.style .token.string {
|
|
||||||
color: #9a6e3a;
|
|
||||||
background: hsla(0, 0%, 100%, .5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.atrule,
|
|
||||||
.token.attr-value,
|
|
||||||
.token.keyword {
|
|
||||||
color: #07a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.function,
|
|
||||||
.token.class-name {
|
|
||||||
color: #DD4A68;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.regex,
|
|
||||||
.token.important,
|
|
||||||
.token.variable {
|
|
||||||
color: #e90;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.important,
|
|
||||||
.token.bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.token.italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.token.entity {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
body {
|
|
||||||
font: 1.2em helvetica, sans-serif;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
main{
|
|
||||||
max-width: 960px;
|
|
||||||
margin: 20px auto;
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>HTML Semantic Tags</title>
|
|
||||||
<link rel="stylesheet" href="../css/code.css">
|
|
||||||
<link rel="stylesheet" href="../css/style.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
<header>
|
|
||||||
<h1>HTML Semantische Tags</h1>
|
|
||||||
</header>
|
|
||||||
<pre class=" language-html">
|
|
||||||
<code class=" language-html">
|
|
||||||
<abbr> Abbreviation
|
|
||||||
<acronym> Acronym
|
|
||||||
<blockquote> Long quotation
|
|
||||||
<dfn> Definition
|
|
||||||
<address> Address for author(s) of the document
|
|
||||||
<cite> Citation
|
|
||||||
<code> Code reference
|
|
||||||
<tt> Teletype text
|
|
||||||
<div> Logical division
|
|
||||||
<span> Generic inline style container
|
|
||||||
<del> Deleted text
|
|
||||||
<ins> Inserted text
|
|
||||||
<em> Emphasis
|
|
||||||
<strong> Strong emphasis
|
|
||||||
<h1> First-level headline
|
|
||||||
<h2> Second-level headline
|
|
||||||
<h3> Third-level headline
|
|
||||||
<h4> Fourth-level headline
|
|
||||||
<h5> Fifth-level headline
|
|
||||||
<h6> Sixth-level headline
|
|
||||||
<hr> Thematic break
|
|
||||||
<kbd> Text to be entered by the user
|
|
||||||
<pre> Pre-formatted text
|
|
||||||
<q> Short inline quotation
|
|
||||||
<samp> Sample output
|
|
||||||
</pre></code>
|
|
||||||
<footer>
|
|
||||||
<a href="https://git.perin.work/andy/webdev">Download</a>
|
|
||||||
</footer>
|
|
||||||
</main>
|
|
||||||
<script src="../js/code.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue