# Example ### Comment Out HTML `` 이건 잘 안됩니다. [//]: # ( https://stackoverflow.com/questions/4823468/comments-in-markdown wefowiefj owiefj owiej fowiej fowie fowiejf owiejf owiej fowiejfoweifj 하하.. ) [comment]: <>(This is a comment, it will not be included) [comment]: <>(in the output file unless you use it in) [comment]: <>(a reference style link.) [//]: <>(This is also a comment.) [//]: # (This may be the most platform independent comment) 마크다운을 그냥 사용할 수 있습니다. A third of the distance across the Beach, the meadow ends and sand begins. This slopes gradually up for another third of the distance, to the foot of the sand hills, which seem tumbled into their places by some mighty power, sometimes three tiers of them deep, sometimes two, _and sometimes only one._ A third of the distance across the Beach, the meadow ends and sand begins. The outline of this inner shore is most irregular, curving and bending in and out and back upon itself, making coves and points and creeks and channels, and often pushing out in flats with not water enough on them at low tide to wet your ankles. ## Basic Markdown style https://gist.github.com/timblair/1171018 ``` /* Based on http://kevinburke.bitbucket.org/markdowncss/ */ body{ margin: 0 auto; font-family: Georgia, Palatino, serif; color: #444444; line-height: 1; max-width: 960px; padding: 30px; } h1, h2, h3, h4 { color: #111111; font-weight: 400; } h1, h2, h3, h4, h5, p { margin-bottom: 24px; padding: 0; } h1 { font-size: 48px; } h2 { font-size: 36px; margin: 24px 0 6px; } h3 { font-size: 24px; } h4 { font-size: 21px; } h5 { font-size: 18px; } a { color: #0099ff; margin: 0; padding: 0; vertical-align: baseline; } ul, ol { padding: 0; margin: 0; } li { line-height: 24px; } li ul, li ul { margin-left: 24px; } p, ul, ol { font-size: 16px; line-height: 24px; max-width: 540px; } pre { padding: 0px 24px; max-width: 800px; white-space: pre-wrap; } code { font-family: Consolas, Monaco, Andale Mono, monospace; line-height: 1.5; font-size: 13px; } aside { display: block; float: right; width: 390px; } blockquote { margin: 1em 2em; max-width: 476px; } blockquote p { color: #666; max-width: 460px; } hr { width: 540px; text-align: left; margin: 0 auto 0 0; color: #999; } table { border-collapse: collapse; margin: 1em 1em; border: 1px solid #CCC; } table thead { background-color: #EEE; } table thead td { color: #666; } table td { padding: 0.5em 1em; border: 1px solid #CCC; } ``` ## Subtitle This is another fine paragraph ### Smaller subtitle This is a paragraph `with` ~style~ *italic* _italic_ **bold** __bold__ [//]: # (https://rsms.me/raster/examples/image1.jpg)  *Hello [link](https://rsms.me/) lol* Hello [*link*](https://rsms.me/) lol "cat" Hello from *[link](https://rsms.me/)* to __everyone__ `reading this` Here's an [**important** anchor link](#example). line 1 line 2 Code & Poetry ------------- You can also indent blocks to display code or poetry. Indented code/poetry blocks can be hard-wrapped. **Or, wrap your code in three backticks:** ```js function codeBlocks() { return "Can be inserted" } ``` ### Embedded HTML With default settings, markdown-wasm allows embedded HTML. > It has been disabled in this demo for safety reasons, by means of setting `ParseFlags.NO_HTML`. > Not setting the `NO_HTML` flag allows embedding HTML like this: ### Block Quotes > You can insert quotes by > preceeding each line with `>`. > > Blockquotes can also contain line > breaks. ## Lists ### Unordered lists - Unordered - Lists - Hello ### Ordered lists 1. Ordered 2. Lists 3. Numbers are ignored 4. Ordered 5) Ordered lists can start 6) with any number and 7) use . as well as ) as a separator. ### Task lists - [ ] Task 1 - [x] Task 2 - [ ] Task 3 - Regular list item ## Tables | Column 1 | Column 2 | Column 3 | Column 4 |----------|:---------|:--------:|---------: | default | left | center | right ### Table of image file types | Header | Mime type | Extensions | Description |---------------------------|--------------|------------|------------- | `89 50 4E 47 0D 0A 1A 0A` | image/png | png | PNG image | `47 49 46 38 39 61` | image/gif | gif | GIF image | `FF D8 FF` | image/jpeg | jpg jpeg | JPEG image | `4D 4D 00 2B` | image/tiff | tif tiff | TIFF image | `42 4D` | image/bmp | bmp | Bitmap image | `00 00 01 00` | image/x-icon | ico | Icon image