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

struktur

Browse Source
This commit is contained in:
welle7
2020-02-11 10:05:43 +01:00
parent 117ddbc9e5
commit f684740623
4 changed files with 158 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/semantik.html
+52
View File
@@ -0,0 +1,52 @@
<!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">
&#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
+76
View File
@@ -0,0 +1,76 @@
<!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 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>
<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>
<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>