Catatan Pertama
Halaman Belajar Markdown Style
Welcome 😄 Senang sekali mendapat ilmu baru Belajar membuat Website Statis.
Markdown
Heading
untuk ## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading
Format Font
untuk menulis teks bold **bold**
italic *italic*
italic bold ***bold italic***
dicoret ~~dicoret~~
Tandai ==Tandai==
untuk <br>
(enter) tulis spasi 2x di akhir tulisan
Format Blockquote
untuk blockquote
gunakan >
nested blockquote
>>
(kosong)>
- tambah simbol
> -
Format List
- Untuk menulis List
-
- ini adalah list kedua
- test menjorok
tambah blockquote
- dan ini akhir tearkhir
- List Nomor
- Nomor 2
- Sub nomornya
- Ini terakhir
Format Emogi
Menulis Emogi Icon 😄 :smile:
😏 :smirk:
Format Image
Foto code : 
Format Link
ini adalah contoh link home page[title](http://urlnya "Description is optional")
[khakimsetia](https://khakimsetia.com "Keterangan")
Code
Inline Code
var a = 1
Penulisan didalam ``
Code Blocks
```languege{number yg mau ditandai - optional}
//isi kodingan ```
Format :
```javascript{14} const express..... ```
Klik bulatan hijau untuk memperbesar code
const express = require('express');
const http = require('http');
const app = express();
const server = http.createServer(app);
//function response
function response(res, json){
res.setHeader('Content-Type', 'application/json');
res.end(JSON.stringify(json));
}
server.listen(config.app.port, () => {
console.log('DITANDAI Server Ready => listening at http://localhost:${config.app.port}')
});
Code Groups
npm install -D express
yarn add -D express
Formatnya :
<CodeGroup>
<CodeGroupItem title="NPM" active>
//isi kodingan
</CodeGroupItem>
<CodeGroupItem title="YARN">
//isi kodingan
</CodeGroupItem>
</CodeGroup>
Table
Name | Info |
---|---|
contoh tabel | isi tabel |
Formatnya :
| Name | Info |
|------|------|
| contoh tabel | isi tabel |
Badges
Penulisan <Badge text="warning" type="warning" />
Charts
Basic chart
Contohnya :
chart
{
"type": "doughnut",
"data": {
"datasets": [{
"data": [10, 20, 30],
"backgroundColor": [
"rgba(255, 99, 132)",
"rgba(255, 206, 86)",
"rgba(54, 162, 235)"
]
}],
"labels": ["Red", "Yellow", "Blue"]
}
}
Mermaid
Maths
Inline math:
Display math:
With tags:
Containers
Format penulisan
::: info
this is info
:::
INFO
This is an info message.
TIP
This is a tip message.
WARNING
This is a warning message.
DANGER
This is a dangerous warning message.
Show me the code.
cout << "Hello World!" << "\n";
Show me the code group.
console.log("Hello World!");
print("Hello World!")
- Markdown
- Heading
- Format Font
- Format Blockquote
- Format List
- Format Emogi
- Format Image
- Format Link
- Code
- Inline Code
- Code Blocks
- Code Groups
- Table
- Badges
- Charts
- Basic chart
- Mermaid
- Maths
- Containers