HyperCode Demo
Sample post using various HyperCode tags
This is an example page that uses various HyperCode language formatting and markup TAGS. It includes tables, formatting, media, images, lists, headings, indexes, and much more.
Part 3 - example of using '\' at the end of the line
Part 4 - inline formatting, entire line
click to enlarge
Ending a line with a backslash (also called "reverse slash" or "backslash") "\", allows you to insert line breaks in your HyperCode code but have them ignored by the compiler, which treats them as if they were a single line of text or code, while keeping your code more readable and understandable when it needs to be edited. This is useful especially when working with long paragraphs or using many tags (such as images and links) within the text.
This is bold text
This is italic text
This is underlined text
This is typed text
This is strikethrough text
This is marked text
This is deleted text
This is inserted text
This is monospaced text
This is extra small text
This is small text
This is medium text
This is large text
This is extra large text
This is superscript text
This is subscript text
This is styled text
This is bold text
This is italic text
This is underlined text
This is typed text
This is strikethrough text
This is marked text
This is deleted text
This is inserted text
This is monospaced text
This is extra small text
This is small text
This is medium text
This is large text
This is extra large text
This is superscript text
This is subscript text
This is styled text
This is justified text.
Lorem ipsum dolor sit amet consectetuer tincidunt ut Pellentesque magna pretium. Sed nunc netus neque eros id Cum quis laoreet urna Vivamus. In tristique ut ac condimentum velit semper pede consequat laoreet ipsum. Magna lacinia commodo convallis ornare magna nunc dignissim Cras Curabitur magnis. Tellus Sed tellus tellus id ipsum ac mauris dui dapibus feugiat. Sed a Curabitur In lorem sed vitae nunc congue eros Lorem.
This is centered text
Lorem ipsum dolor sit amet consectetuer tincidunt ut Pellentesque magna pretium. Sed nunc netus neque eros id Cum quis laoreet urna Vivamus. In tristique ut ac condimentum velit semper pede consequat laoreet ipsum. Magna lacinia commodo convallis ornare magna nunc dignissim Cras Curabitur magnis. Tellus Sed tellus tellus id ipsum ac mauris dui dapibus feugiat. Sed a Curabitur In lorem sed vitae nunc congue eros Lorem.
This is left-aligned text
Lorem ipsum dolor sit amet consectetuer tincidunt ut Pellentesque magna pretium. Sed nunc netus neque eros id Cum quis laoreet urna Vivamus. In tristique ut ac condimentum velit semper pede consequat laoreet ipsum. Magna lacinia commodo convallis ornare magna nunc dignissim Cras Curabitur magnis. Tellus Sed tellus tellus id ipsum ac mauris dui dapibus feugiat. Sed a Curabitur In lorem sed vitae nunc congue eros Lorem.
This is right-aligned text
Lorem ipsum dolor sit amet consectetuer tincidunt ut Pellentesque magna pretium. Sed nunc netus neque eros id Cum quis laoreet urna Vivamus. In tristique ut ac condimentum velit semper pede consequat laoreet ipsum. Magna lacinia commodo convallis ornare magna nunc dignissim Cras Curabitur magnis. Tellus Sed tellus tellus id ipsum ac mauris dui dapibus feugiat. Sed a Curabitur In lorem sed vitae nunc congue eros Lorem.
This is text formatted as code
Lorem ipsum dolor sit amet consectetuer tincidunt ut Pellentesque magna pretium. Sed nunc netus neque eros id Cum quis laoreet urna Vivamus. In tristique ut ac condimentum velit semper pede consequat laoreet ipsum.
Magna lacinia commodo convallis ornare magna nunc dignissim Cras Curabitur magnis. Tellus Sed tellus tellus id ipsum ac mauris dui dapibus feugiat. Sed a Curabitur In lorem sed vitae nunc congue eros Lorem.
This is text formatted as a quote
Lorem ipsum dolor sit amet consectetuer tincidunt ut Pellentesque magna pretium. Sed nunc netus neque eros id Cum quis laoreet urna Vivamus. In tristique ut ac condimentum velit semper pede consequat laoreet ipsum. Magna lacinia commodo convallis ornare magna nunc dignissim Cras Curabitur magnis. \Tellus Sed tellus tellus id ipsum ac mauris dui dapibus feugiat. \Sed a Curabitur In lorem sed vitae nunc congue eros Lorem.
This is text marked as important (Important)
This is text marked as a warning (Warning)
This is text marked as a hint (Hint)
Unordered list
Ordered list
Table
| column 1 | column 2 | column 3 |
|---|---|---|
| row 1 column 1 | row 1 column 2 | row 1 column 3 |
| row 2 column 1 | row 2 column 2 | row 2 column 3 |
| row 3 column 1 | row 3 column 2 | row 3 column 3 |
| row 4 column 1 | row 4 column 2 | row 4 column 3 |
Fancy table
| column 1 | column 2 | column 3 |
|---|---|---|
| row 1 column 1 | row 1 column 2 | row 1 column 3 |
| row 2 column 1 | row 2 column 2 | row 2 column 3 |
| row 3 column 1 | row 3 column 2 | row 3 column 3 |
| row 4 column 1 | row 4 column 2 | row 4 column 3 |
Comments
Comments appear only in the original page source code (the source code edited by the HyperFluxCMS Admin manager, not the HTML code).
Comments can be useful for temporarily neutralizing part of the text or code without permanently deleting it, or for explaining why something was written or placed. They do not appear in the page indexing data, nor in the HTML code, nor in SEO data.
Divider line
Lorem ipsum dolor sit amet consectetuer eget id malesuada leo leo. Rutrum Aliquam nibh Nam tristique Morbi metus et Quisque ligula eget. Ante vitae eget eu aliquet lacinia eros risus quis habitasse justo. Turpis ut enim tortor auctor In accumsan pede pretium faucibus neque. Lacinia libero tortor turpis pede tempus accumsan convallis volutpat neque vestibulum. Aenean adipiscing Vestibulum Phasellus id ut.