Skip to content

Latest commit

 

History

History
171 lines (134 loc) · 5.18 KB

File metadata and controls

171 lines (134 loc) · 5.18 KB

13. HTML Elements

Table with html

Left-aligned Center-aligned Right-aligned
Text 1
- second line
Text 2 Text 3

Using HTML for additional interactivity.

Click to expand This is hidden content.

This is a checkbox -

13.1. Inline HTML

This is an example of inline HTML inside a paragraph:

This is a red bold text inside a Markdown paragraph.

You can also add inline images:

Sample Image

Or create inline links with styles:

Visit OpenAI

13.2. Block HTML Elements

Inside pre tag
Indentation and formatting etc. here should be preserved.
      Hmmm...

Invalid HTML will be ignored

Styles

My crazily styled text here. super and sub

Here is some overline text, some line-through text, lower-case, and marked-text

Here is an SVG image. downloadsdownloads1.0M1.0M


This is a blockquote and a list follows:
  1. List item 1
  2. List item 2

Tables with HTML

Name Age Location
John 25 New York
Alice 30 San Francisco

Forms in HTML

Name:

Email:


13.3. Combining Markdown and HTML

This is a blockquote with an embedded HTML table:

Feature Supported
Markdown
HTML

Advanced Table

Feature Supported
Table in Cell
Feature Supported
Markdown
HTML

13.4. Custom Styling

<style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } </style>

14. Custom Directives (MDX)

Embedding custom components.

<MyComponent title="Hello World" />

This document covers most of the syntax supported by mdast, including extended Markdown features such as GFM, math, diagrams, and MDX components.