Compare commits
2 Commits
9899231074
...
117ddbc9e5
| Author | SHA1 | Date |
|---|---|---|
welle7
|
117ddbc9e5 | |
|
welle7
|
93896d93a6 |
|
|
@ -0,0 +1 @@
|
|||
.DS_Store
|
||||
|
|
@ -21,4 +21,7 @@
|
|||
* [jsfiddle](https://jsfiddle.net/)
|
||||
* [Google Search Console](https://search.google.com/search-console)
|
||||
* [Cross Browser testing](https://www.browserling.com/)
|
||||
* [Browser Test](https://html5test.com/)
|
||||
* [Browser Test](https://html5test.com/)
|
||||
|
||||
### Interne Links
|
||||
* [Semantische Tags](html/semantic.html)
|
||||
|
|
@ -0,0 +1,142 @@
|
|||
/* 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;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
body {
|
||||
font: 1.2em helvetica, sans-serif;
|
||||
height: 100%;
|
||||
}
|
||||
main{
|
||||
max-width: 960px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<!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