Vorträge
slide: https://hackmd.io/@kidslab/html
HTML = Was steht auf der Seite?
CSS = Wie sieht es aus?
in Spitzen Klammern:
Anfang UND Ende!
<h1>Überschrift</h1>
<!DOCTYPE html>
<html>
<body>
HIER MUSS EUER TEXT UND INHALT REIN!
</body>
</html>
<h1>
Hier steht die Überschrift!
</h1>
<h1>Hier steht die Überschrift!</h1>
<h2>Hier steht die Unter...Überschrift!</h2>
<h3>Hier steht die Unter...unter...Überschrift!</h3>
<p>
Hier kommt der Text rein...
</p>
<p>
Hier kommt der Text rein...
ist das eine neue Zeile?
</p>
<p>
Hier kommt der Text rein...<br>
ist das eine neue Zeile?
</p>
<p>
Hier kommt der Text rein...
</p>
<p>
und hier der 2. Absatz...
</p>
<p>
Etwas <b>Wichtiges</b> schreibt man fett...
</p>
<ol>
<li>eins...</li>
<li>zwei...</li>
</ol>
Hyperlink!
<a href="https://wikipedia.de">Link...</a>
<img src="https://..." width="100%">
<body style="background-color: green;">
<html>
<style>
body {
font-family: arial;
}
h1 {
font-size: 30pt;
}
</style>
or
or
By clicking below, you agree to our terms of service.
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