77 lines
3.3 KiB
HTML
77 lines
3.3 KiB
HTML
<!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">
|
|
|
|
</nav>
|
|
</header>
|
|
|
|
<main role="main">
|
|
<h1 id="webdeveloper-links-tips">Webdeveloper Links & Tips</h1>
|
|
<h2 id="html">HTML</h2>
|
|
<h3 id="html-lernen">HTML lernen</h3>
|
|
<ul>
|
|
<li><a href="https://wiki.selfhtml.org/wiki/HTML">selfhtml</a></li>
|
|
<li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML
|
|
- Mozilla Docs</a></li>
|
|
<li><a href="https://www.w3schools.com/html/">w3schools HTML5 Tutorial</a></li>
|
|
<li><a href="https://wiki.selfhtml.org/wiki/HTML/Formulare">HTML Forms</a></li>
|
|
</ul>
|
|
<h3 id="editoren">Editoren</h3>
|
|
<ul>
|
|
<li><a href="https://www.sublimetext.com/">Sublime Text</a></li>
|
|
<li><a href="https://code.visualstudio.com/">Visual Studio Code</a></li>
|
|
<li><a href="https://atom.io/">Atom editor</a></li>
|
|
<li><a href="http://brackets.io/">Brackets</a></li>
|
|
</ul>
|
|
<h3 id="online-tools-plugins">Online Tools / Plugins</h3>
|
|
<ul>
|
|
<li><a href="https://validator.w3.org/">HTML Validator</a></li>
|
|
<li><a href="https://html5.validator.nu/">HTML nu Validator</a></li>
|
|
<li><a href="https://chrome.google.com/webstore/search/html?hl=de&_category=extensions">HTML Extension
|
|
Chromium</a></li>
|
|
<li><a href="https://addons.mozilla.org/de/firefox/search/?q=html&type=extension">HTML Extension
|
|
Mozilla</a></li>
|
|
<li><a href="https://www.caniuse.com/">Can I use</a></li>
|
|
<li><a href="https://codepen.io/">codepen</a></li>
|
|
<li><a href="https://jsfiddle.net/">jsfiddle</a></li>
|
|
<li><a href="https://search.google.com/search-console">Google Search Console</a></li>
|
|
<li><a href="https://www.browserling.com/">Cross Browser testing</a></li>
|
|
<li><a href="https://html5test.com/">Browser Test</a></li>
|
|
</ul>
|
|
<h3>Interne Links</h3>
|
|
<ul>
|
|
<li><a href="html/semantik.html">Semantische Tags</a></li>
|
|
<li><a href="html/struktur.html">Seitenstruktur</a></li>
|
|
<li><a href="html/header.html">Kopfbereich</a></li>
|
|
<li><a href="html/formular.html">Formulare</a></li>
|
|
</ul>
|
|
<h2>CSS</h2>
|
|
<h3>CSS Lernen</h3>
|
|
<ul>
|
|
<li><a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS-Grundlagen</a></li>
|
|
<li><a href="https://www.w3.org/Style/CSS/learning.de.html">CSS lernen W3C</a></li>
|
|
<li><a href="https://www.w3schools.com/css/">CSS Tutorial</a></li>
|
|
<li><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials">Selfhtml CSS</a></li>
|
|
<li><a href="https://t3n.de/magazin/flexibler-als-gedacht-was-du-mit-248427/">CSS Übersicht</a></li>
|
|
<li><a href="https://www.webdesign-journal.de/css3-animationen-leitfaden/">Leitfaden Animationen</a></li>
|
|
</ul>
|
|
</main>
|
|
|
|
<footer>
|
|
<a title="Link zu Download" href="https://git.perin.work/andy/webdev">Download</a>
|
|
</footer>
|
|
<script src="../js/code.js"></script>
|
|
</body> |