Hello World
Elements
This page contains descriptions, syntax, and examples for the components to facilitate their use. Some components require additional plugins, which are already included in the Hadron Skeleton.
===
Comment
Default Component
Comments can be inserted in Markdown to hide text that should not be displayed on the page, but is visible to other authors. The comment is still visible in the page source, so it should not be used for confidential information.
<!--
This comment will not be displayed on the page, but is visible in the source code.
-->Headings
Default Component
Headings are used to structure and organize the text. Headings can have levels from H1 to H6, with H1 being the highest level and H6 the lowest.
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
# H1 Heading
## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 HeadingParagraphs
Default Component
Paragraphs are sections of text that are separated by a blank line. Line breaks within a paragraph are ignored unless they are marked with two spaces at the end of the line.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus.
Etiam euismod ornare consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus.
Etiam euismod ornare consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.Markdown elements
Default Component
Markdown elements are special text formats that can be used in Markdown. These can also be used in other Markdown editors.
Bold **Bold**
Italic _Italic_
Strikethrough ~~Strikethrough~~
Inline Code `Inline Code`
Blockquote
> Blockquote
Link [Link](https://example.com)
Link with Title [Link with Title](https://example.com "Title of the Links")
Horizontal Line: ---
HTML text elements
Default Component
HTML elements can be used in Markdown to add special text formatting that is not supported in Markdown, but is generally used on websites.
I18N <abbr>
Blockquote <cite>
Ctrl + S <kbd>
TextSuperscripted <sup>
TextSubscripted <sub>
x = y + 2 <var>
Media
Default Component
Media is inserted in Markdown similar to links, but with an exclamation mark (!) before the link. Supported media include images, videos, and audio files.
Images
Syntax:
Image with Link
An image that also works as a link.
Syntax:[](Link)
[](https://example.com)Videos
Syntax:
Audio
Syntax:
Code
Default Component
Code blocks can be inserted in Markdown to display code or scripts. These can also be highlighted with syntax highlighting by specifying the language of the code.
// Code
const foo = 'bar';
function bar() {
return foo;
}
console.log(bar());\```js
// Code
const foo = 'bar';
function bar() {
return foo;
}
console.log(bar());
\```Blockquote
Default Component
Blockquotes are elements that can be used in Markdown to highlight text. They can also be combined with other elements.
The advance of technology is based on making it fit in so that you don’t really even notice it, so it’s part of everyday life.
- Bill Gates
> The advance of technology is based on making it fit in so that you don't really even notice it,
> so it's part of everyday life.
>
> <cite>- Bill Gates</cite>Lists
Default Component
Lists can be used in Markdown to display items in an ordered or unordered manner. Lists can also be nested.
unordered lists
- List Item 1
- List Item 2
- List Item 2.1
- List Item 2.2
- List Item 2.2.1
- List Item 3
- List Item 1
- List Item 2
- List Item 2.1
- List Item 2.2
- List Item 2.2.1
- List Item 3ordered lists
- List Item 1
- List Item 2
- List Item 2.1
- List Item 2.2
- List Item 2.2.1
- List Item 3
1. List Item 1
2. List Item 2
1. List Item 2.1
2. List Item 2.2
1. List Item 2.2.1
3. List Item 3Checklists
- This is an unchecked list item
- This is a checked list item
- This is an unchecked list item
- This is a nested unchecked list item on the 2nd level
- This is a nested checked list item on the 2nd level
- [ ] This is an unchecked list item
- [X] This is a checked list item
- [ ] This is an unchecked list item
- [ ] This is a nested unchecked list item on the 2nd level
- [X] This is a nested checked list item on the 2nd levelTables
Default Component
Tables can be created in Markdown to display data in a tabular format. To do this, it should be noted that the alignment of the columns is defined in the second row:
:---: left-aligned:---:: centered---:: right-alignedAnother feature of tables is that they are displayed correctly even if the formatting with spaces is not correct.
| Name | Genre | Published |
|---|---|---|
| The Shawshank Redemption | Crime, Drama | 14. Oktober 1994 |
| The Godfather | Crime, Drama | 24. März 1972 |
| Schindler’s List | Biography, Drama, History | 4. Februar 1994 |
| No Genre | 7. Mai 1990 | |
| Se7en | Crime, Drama, Mystery | 22. September 1995 |
| Name | Genre | Published |
|:-------------------------|:-------------------------:|-------------------:|
| The Shawshank Redemption | Crime, Drama | 14. Oktober 1994 |
| The Godfather | Crime, Drama | 24. März 1972 |
| Schindler's List | Biography, Drama, History | 4. Februar 1994 |
| No Genre | | 7. Mai 1990 |
| Se7en | Crime, Drama, Mystery | 22. September 1995 |