Google Drive
Gist
Clipboard
or
or
By clicking below, you agree to our terms of service.
Sign in with Wallet
New to HackMD? Sign up
| Syntax | Example | Reference | |
|---|---|---|---|
| # Header | Header | 基本排版 | |
| - Unordered List |
|
||
| 1. Ordered List |
|
||
| - [ ] Todo List |
|
||
| > Blockquote | Blockquote |
||
| **Bold font** | Bold font | ||
| *Italics font* | Italics font | ||
| ~~Strikethrough~~ | |||
| 19^th^ | 19th | ||
| H~2~O | H2O | ||
| ++Inserted text++ | Inserted text | ||
| ==Marked text== | Marked text | ||
| [link text](https:// "title") | Link | ||
|  | Image | ||
| `Code` | Code |
在筆記中貼入程式碼 | |
| ```javascript var i = 0; ``` |
|
||
| :smile: |  |
Emoji list | |
| {%youtube youtube_id %} | Externals | ||
| $L^aT_eX$ | LaTeX | ||
| :::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx-
Any changes
Be notified of any changes
-
Mention me
Be notified of mention me
-
Unsubscribe
SubscribeBasics
HTML-Quellcode in Moodle lesen
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →gilt nicht für eingebettete und explizit ausgenommene Inhalte
Warum HTML 🤔
…und wofür brauche ich das überhaupt?
HTML
Hyper Text Markup Language
Auszeichnungssprache
<ab hier> ... </bis hier><b> fetter Text </b><i> kursiver Text </i><h1> Überschrift (Level 1) </h1><h2> Überschrift (Level 2) </h2><hier/><br /><img src="bild.jpg" /><img src="bild.jpg"alt="Beschreibung" width="100" height="48"/>🕹️ Demo in Moodle 🕹️
👩💻 HTML lernen 👨💻
💡 Hacks'n'Tipps 💡
Mach den Tag zu
sonst macht Moodle es für Dich – meist falsch!
Code sauber halten (unformatiert einfügen)
Suchmaschinen nutzen!
HTML = Auszeichnung ☝ CSS = Gestaltung
Was haben andere gemacht?
🛠️ Hilfreiche Tools 🛠️
Notepad++
AutoHotkey (Tutorial)
Table Generator
DevMode im Browser
Firefox & Chrome: STRG + SHIFT + I oder Safari: CMD + ,
Danke fürs Zuhören!
Anja Lorenz, @anjalorenz
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →gilt nicht für eingebettete und explizit ausgenommene Inhalte
Anhang
Von Text umflossenes Bild
<img src="bild.jpg" ... style="float:right; margin:20px;">margin legt dabei den Abstand zwischen Text und Bild fest.
CSS-Snippet
h3 { font-family: Garamond, serif; font-weight: normal; margin-bottom: 4em; text-align: center; }