CodingSheets/md-cheatsheet.html at main · MicroRay620/CodingSheets · GitHub

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
	<head>
		<title>
			Markdown Cheatsheet
		</title>
        <link type="text/css" rel="stylesheet" href="css/global.css"/>
        <link type="text/css" rel="stylesheet" href="css/code-options.css"/>
		<link type="text/css" rel="stylesheet" href="css/md-cheatsheet.css"/>
	</head>

	<body>
        <h1 class="title">
    		Markdown Cheatsheet
    	</h1>

    	<div class="main">
    		<p>
    			Markdown is a language that is often used for notetaking.
    			Markdown is a very simple language to learn, many websites and softwares use the Markdown language.
    			<br> Markdown is identified by the <span class="bold">.md</span> file type.
            	<br> You may know the Markdown language from places like
    			<a href="https://discord.com" class="link">Discord</a>,
    			<a href="https://obsidian.md" class="link">Obsidian Note</a>,
    			and <a href="https://notion.so" class="link">Notion</a>.
    			<br> The Read Me files on <a href="https://github.com" class="link">GitHub</a> respitories
    			also uses Markdown.
    		</p>
        </div>

        <div class="sidenav">
           <br> <!--Makes the logo look a bit nicer on webpage, moves it down one line-->
			<!--Start Logo-->
			<!--!!!DO NOT REMOVE LOGO!!!-->
			<h1>
				<a href="homepage.html"><span id="c">Coding</span><span id="s">Sheets</span></a><!--Span CSS code is found in 'global.css'-->
			</h1>
			<!--End Logo-->

			<!--Start Cheatsheet Dropdown-->
			<div class="dropdown">
				<!--The Button's color is done in the css file linked to this one, in this file it is called 'template.css'-->
				<button class="dropbtn">Cheatsheets</button> <!--Cheatsheet dropdown button-->

					<!--Start Dropdown content-->
					<div class="dropdown-content"> <!--Breaks if called anything other than 'dropdown-content'-->
						<a href="html-cheatsheet.html">HTML</a>
						<a href="css-cheatsheet.html">CSS</a>
						<a href="js-cheatsheet.html">JS</a>
						<a href="python-cheatsheet.html">Python</a>
					</div>
					<!--End Dropdown Conent-->
			</div>
			<!--End Cheatsheet Dropdown-->
            <h2>
                Sections
            </h2>
        </div>

		<!--Start Key Terms-->
		<h2 id="key">
			Key Terms
		</h2>

		<div class="main">
			<!--Start Key Intro-->
			<p>

			</p>
			<!--End Key Intro-->
		</div>

		<h2 id="cheat">
			Cheatsheet
		</h2>

        <h3>
            Text Tags
        </h3>

        <div class="main">
            <p>
                Text tags will change various aspects of text (like <span class="bold">boldening</span> text).
                <br>Most of these functions can be combined.
            </p>
		</div>

        <h4>
            Astrik Tags
        </h4>

		<div class="main">

            <div class="tables">
                <ul>
                    <li>
                        <span class="codetext">* *</span> will <span class="italic">italicize</span> text.
                    </li>
                    <li>
                        <span class="codetext">** **</span> will <span class="bold">bold</span> text.
                    </li>
                </ul>
            </div>
		</div>

	</body>
</html>