View sourcecode

The following files exists in this folder. Click to view.

md.html

88 lines UTF-8 Unix (LF)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MarkDown</title>
    <link rel="stylesheet" href="style2.css">
</head>
<body>
    <header>
        <h1>MarkDown</h1>
    </header>
    <div class="container">
    <img src="bilder2/md.png"
    alt="MD-logga"
    id="logga">
    <h3>
        Info om MarkDown
    </h3>
    <p>
        Markdown är en enkel och populär märkspråkssyntax som används för att
        formatera text på webben. Det utvecklades för att göra det snabbt och
        enkelt att skapa formaterad text utan att behöva använda komplicerade
        HTML-taggar. Markdown används ofta för att skapa webbplatsinnehåll,
         blogginlägg, README-filer och mer.
    </p>
    <p>
        Markdown låter dig skapa tydligt strukturerad text med olika nivåer av
        rubriker, listor, länkar, bilder och mer, och det är lätt att läsa och skriva,
         även utan avancerad teknisk kunskap.
    </p>

    <h3>
        MarkDown i VS Code
    </h3>
    <p>
        Att använda MarkDown för enkel dokumentation i projekt är smidigt. Det går med enkla kommandon att formatera rubriker, text, listor mm för att dokumentera enklare saker som att skapa en todo-lista och hålla koll på saker som är gjort och vad som behöver göras i ett projekt.
    </p>
    <p>
        Det finns några plugin/addons till VS Code för ändmålet, själv brukar jag använda 
        <a href="https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced">
            Markdown Preview Enhanced
        </a>
        . Testa gärna och låt mig veta vad du tycker om tekniken. 
    </p>
    <h3>
        Cheat Sheet
    </h3>
    <table>
        <tr>
            <td class="top">MD-kod</td>
            <td class="top">Betydelse</td>
        </tr>
        <tr>
            <td>Rubriker</td>
            <td># Detta är en huvudrubrik<br>## Detta är en underrubrik<br>### Detta är en mindre underrubrik
            </td>
        </tr>
        <tr>
            <td>Kursiv text</td>
            <td>_Detta är kursiv text_</td>
        </tr>
        <tr>
            <td>Fetstilt text</td>
            <td>**Detta är fetstilt text**</td>
        </tr>
        <tr>
            <td>Ordnad lista</td>
            <td>1. Första punkten.<br>2. Andra punkten</td>
        </tr>
        <tr>
            <td>Oordnad lista</td>
            <td>- Första punkten.<br>- Andra punkten</td>
        </tr>
        <tr>
            <td>Länkar</td>
            <td><a href="https://www.markdownguide.org/">The Markdown Guide</a></td>
        </tr>
    </table>
    <br>
    </div>
    
    <footer>
        Visst material är hämtat från <a href="https://www.markdownguide.org/">The Markdown Guide</a> under licens <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>. Vissa texter är skrivna av ChatGPT.
        Bilden är hämtad från <a href="https://www.logo.wine/logo/Markdown">logo.wine</a> med rätt att använda i utbildningssyfte.
    </footer>
</body>
</html>