ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init files

Browse Source
This commit is contained in:
Philippe Torrel
2026-06-15 13:26:07 +02:00
parent 8acb4d571b
commit 86b34462e4
4 changed files with 65 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
01_grundlagen/faq/htmltagwrap.html Normal file
View File

@@ -0,0 +1,29 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTMLTagWrap</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<main>
<div class="container py-5">
<h1>HTMLTagWrap</h1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex id molestias pariatur voluptatibus exercitationem,
iusto eum autem quae nam adipisci labore provident optio cum doloribus numquam, cupiditate necessitatibus
ducimus praesentium?
<ol>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
</ol>
</div>
</main>
<script>
'use strict';
</script>
</body>
</html>

9
01_grundlagen/faq/style.css Normal file
View File

@@ -0,0 +1,9 @@
*,
html {
margin: 0;
padding: 0;
}
body {
background-color: #ff9900;
}

27
01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.md Normal file
View File

@@ -0,0 +1,27 @@
# Tools für die Webentwicklung
### Markdown
> **Definition:** Markdown ist eine einfache Syntax, um HTML-Code aus Textdokumenten zu generieren. Über die Markdown Syntax kann man das Schreiben von Dokumentationen und Notizen beschleunigen.
**Links zum Lernen der Markdown-Syntax**
- [Markdown-Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)
- [Markdown.de](http://markdown.de/)
**Markdown Editoren:**
- [Auflistung von Markdown Editoren](https://dev.to/awwsmm/state-of-markdown-editors-2019-2k49)
- [Haroopad](http://pad.haroopress.com/) (Windows)
- [Macdown](https://macdown.uranusjr.com/) (Mac OS)
- [Typora](https://typora.io/) (Windows | Mac OS)
- [Joplin](https://joplinapp.org/) (Windows | Mac OS)
- [Obsidian](https://obsidian.md/) (Windows | Mac OS)
- [Marp](https://marp.app/) (Windows | Mac OS)
### Emmet
> **Definition:** Die Grundfunktion von Emmet ist es mit Abkürzungen rasch HTML und CSS Code schreiben zu können. Man gibt dabei im Editor die Abkürzungen ein, drückt auf die TAB Taste und schon erscheint statt der Abkürzung eine Menge HTML Code.
- [Emmet Cheatsheet](https://docs.emmet.io/cheatsheet-a5.pdf)
- [Emmet.io](https://emmet.io/)

BIN
01_grundlagen/unterricht/tag01/01_tools-fuer-die-webentwicklung.pdf Normal file
View File

Binary file not shown.