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
  1. List Nomor
  2. Nomor 2
    1. Sub nomornya
  3. Ini terakhir

Format Emogi

Menulis Emogi Icon 😄 :smile:😏 :smirk:

Format Image

Foto code : ![title](url-amge.png "Alt is optional")logo

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

NameInfo
contoh tabelisi tabel

Formatnya :

| Name | Info |
|------|------|
| contoh tabel | isi tabel |

Badges

Penulisan <Badge text="warning" type="warning" />

tip warning danger tip middle

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!")
Last Updated: