andy/webdev
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

index page

Browse Source
This commit is contained in:
welle7
2020-02-11 12:30:40 +01:00
parent 8314add14d
commit 2572abee26
8 changed files with 328 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/header.html
+60
View File
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Die HTML -HEADER Struktur in Webseiten">
<title>Der HEADER in der HTML Struktur</title>
<link rel="stylesheet" href="../css/code.css">
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<header>
<img src="../img/logo.svg" alt="Mein logo" title="Der Titel meines Bildes">
</header>
<main role="main">
<h1>Der HEADER in der HTML Struktur</h1>
<article>
<h2>Was gehört in den Kopf der HTML-Datei?</h2>
<ul>
<li>Benutzte Sprache </li>
<li>Metainfoirmationen</li>
<li>Title</li>
<li>CSS</li>
<li>Favicon</li>
</ul>
<pre class="line-numbers language-html">
<code class="language-html">&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;meta name=&quot;description&quot; content=&quot;Die HTML - HEADER Struktur in Webseiten&quot;&gt;
&lt;meta name=&quot;robots&quot; content=&quot;index,follow&quot;&gt;
&lt;meta name=&quot;author&quot; content=&quot;Mein Name&quot;&gt;
&lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/style.css&quot;&gt;
&lt;title&gt;Der HEADER in der HTML Struktur&lt;/title&gt;
&lt;/head&gt;
</code>
</pre>
</article>
<aside>
<h2>Artikel 2</h2>
<p>Diese Seite enthält zunächst die Struktur und wenig Inhalt.<br>
Das <strong>Bild</strong> erhält ein <strong>title</strong> und ein <strong>alt Attribut</strong>. Die
<strong>Links</strong> erhalten ein <strong>title Attribut</strong>.
</p>
</aside>
</main>
<footer>
<a href="https://git.perin.work/andy/webdev">Download</a>
</footer>
<script src="../js/code.js"></script>
</body>
</html>
html/semantik.html
+42 -42
View File
@@ -2,51 +2,51 @@
<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">
<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">
&#60;abbr&#62; Abbreviation
&#60;acronym&#62; Acronym
&#60;blockquote&#62; Long quotation
&#60;dfn&#62; Definition
&#60;address&#62; Address for author(s) of the document
&#60;cite&#62; Citation
&#60;code&#62; Code reference
&#60;tt&#62; Teletype text
&#60;div&#62; Logical division
&#60;span&#62; Generic inline style container
&#60;del&#62; Deleted text
&#60;ins&#62; Inserted text
&#60;em&#62; Emphasis
&#60;strong&#62; Strong emphasis
&#60;h1&#62; First-level headline
&#60;h2&#62; Second-level headline
&#60;h3&#62; Third-level headline
&#60;h4&#62; Fourth-level headline
&#60;h5&#62; Fifth-level headline
&#60;h6&#62; Sixth-level headline
&#60;hr&#62; Thematic break
&#60;kbd&#62; Text to be entered by the user
&#60;pre&#62; Pre-formatted text
&#60;q&#62; Short inline quotation
&#60;samp&#62; Sample output
</pre></code>
</main>
<footer>
<a href="https://git.perin.work/andy/webdev">Download</a>
</footer>
<script src="../js/code.js"></script>
<main>
<header>
<h1>HTML Semantische Tags</h1>
</header>
<pre class="line-numbers language-html">
<code class=" language-html">
&#60;abbr&#62; Abbreviation
&#60;acronym&#62; Acronym
&#60;blockquote&#62; Long quotation
&#60;dfn&#62; Definition
&#60;address&#62; Address for author(s) of the document
&#60;cite&#62; Citation
&#60;code&#62; Code reference
&#60;tt&#62; Teletype text
&#60;div&#62; Logical division
&#60;span&#62; Generic inline style container
&#60;del&#62; Deleted text
&#60;ins&#62; Inserted text
&#60;em&#62; Emphasis
&#60;strong&#62; Strong emphasis
&#60;h1&#62; First-level headline
&#60;h2&#62; Second-level headline
&#60;h3&#62; Third-level headline
&#60;h4&#62; Fourth-level headline
&#60;h5&#62; Fifth-level headline
&#60;h6&#62; Sixth-level headline
&#60;hr&#62; Thematic break
&#60;kbd&#62; Text to be entered by the user
&#60;pre&#62; Pre-formatted text
&#60;q&#62; Short inline quotation
&#60;samp&#62; Sample output
</pre></code>
</main>
<footer>
<a href="https://git.perin.work/andy/webdev">Download</a>
</footer>
<script src="../js/code.js"></script>
</body>
</html>
html/struktur.html
+63 -63
View File
@@ -2,75 +2,75 @@
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Die HTML Struktur in Webseiten">
<title>HTML Struktur</title>
<link rel="stylesheet" href="../css/code.css">
<link rel="stylesheet" href="../css/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Die HTML Struktur in Webseiten">
<title>HTML Struktur</title>
<link rel="stylesheet" href="../css/code.css">
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<header>
<img src="../img/logo.svg" alt="Mein logo" title="Der Titel meines Bildes">
<nav role="navigation">
<ul>
<li><a title="Zur Startseite" href="#link1">Home</a></li>
<li><a title="Unsere News" href="#link2">Aktuell</a></li>
<li><a title="Alle Produkte auf einen Blick" href="link3">Produkte</a></li>
<li><a title="Dienstleistungen" href="#link4">Service</a></li>
<li><a title="Hier sind wir" href="#link5">Kontakt</a></li>
</ul>
</nav>
</header>
<header>
<img src="../img/logo.svg" alt="Mein logo" title="Der Titel meines Bildes">
<nav role="navigation">
<ul>
<li><a title="Zur Startseite" href="#link1">Home</a></li>
<li><a title="Unsere News" href="#link2">Aktuell</a></li>
<li><a title="Alle Produkte auf einen Blick" href="link3">Produkte</a></li>
<li><a title="Dienstleistungen" href="#link4">Service</a></li>
<li><a title="Hier sind wir" href="#link5">Kontakt</a></li>
</ul>
</nav>
</header>
<main role="main">
<h1>HTML5 Struktur einer Webseite</h1>
<article>
<h2>Artikel 1</h2>
<pre class="language-html">
<code class="language-html">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;de&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;HTML Struktur&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;
&lt;nav&gt;
&lt;ul&gt;
&lt;/nav&gt;
&lt;/header&gt;
&lt;main&gt;
&lt;h1&gt;Html Struktur einer Webseite&lt;/h1&gt;
&lt;article&gt;
&lt;h2&gt;Artikel 1&lt;/h1&gt;
&lt;/article&gt;
&lt;aside&gt;
&lt;h2&gt;Artikel 2&lt;/h2&gt;
&lt;/aside&gt;
&lt;/main&gt;
&lt;footer&gt;
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;
</code>
</pre>
</article>
<main role="main">
<h1>HTML5 Struktur einer Webseite</h1>
<article>
<h2>Artikel 1</h2>
<pre class="line-numbers language-html">
<code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;de&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;HTML Struktur&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;
&lt;nav&gt;
<aside>
<h2>Artikel 2</h2>
<p>Diese Seite enthält zunächst die Struktur und wenig Inhalt.<br>
Das <strong>Bild</strong> erhält ein <strong>title</strong> und ein <strong>alt Attribut</strong>. Die <strong>Links</strong> erhalten ein <strong>title Attribut</strong>.
</p>
</aside>
</main>
&lt;/nav&gt;
&lt;/header&gt;
&lt;main&gt;
&lt;h1&gt;Html Struktur einer Webseite&lt;/h1&gt;
&lt;article&gt;
&lt;h2&gt;Artikel 1&lt;/h1&gt;
&lt;/article&gt;
&lt;aside&gt;
&lt;h2&gt;Artikel 2&lt;/h2&gt;
&lt;/aside&gt;
&lt;/main&gt;
&lt;footer&gt;
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;
</code>
</pre>
</article>
<footer>
<a href="https://git.perin.work/andy/webdev">Download</a>
</footer>
<script src="../js/code.js"></script>
<aside>
<h2>Artikel 2</h2>
<p>Diese Seite enthält zunächst die Struktur und wenig Inhalt.<br>
Das <strong>Bild</strong> erhält ein <strong>title</strong> und ein <strong>alt Attribut</strong>. Die
<strong>Links</strong> erhalten ein <strong>title Attribut</strong>.
</p>
</aside>
</main>
<footer>
<a href="https://git.perin.work/andy/webdev">Download</a>
</footer>
<script src="../js/code.js"></script>
</body>
</html>