TEXT ELEMENTS
Basically linked to the core/reset but can modded or upgrade it via theme. Much of what you see here is probably a fruit of the theme. The core system deals with texts almost exclusively as a form of reset.
It should be added that the standard theme offers an incredible variety of situations that almost never need to be used.
It is good to structure the resign following a solid principles based on the uxd, for exemple:
Google search,
on web with "LAWS OF UX",
an amazon book,
on github articles (exemple: ux process),
and find on youtube tuts
Html titles
<H1> --text-page-title
<H2> --text-article-title
<H3> --text-section-title
<H4> --text-section-title
<H5> --text-standard
<H6> --text-standard
Size tag
This is <BIG> text (--text-standard) (w3c:obsolete)This is <P> normal text (--text-standard)
This is <SMALL> text (--text-caption)
Links
This is Link out of P tagLorem ipsum dolor sit This is Link in P tag amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo con....
Lists
- "div-list[axis=x]>ul>li"
- "div-list[axis=x]>ul>li"
- "div-list[axis=x]>ul>li"
- "div-list[axis=x]>ol>li"
- "div-list[axis=x]>ol>li"
- "div-list[axis=x]>ol>li"
- "div-list[axis=y]>ul>li"
- "div-list[axis=y]>ul>li"
- "div-list[axis=y]>ul>li"
- "div-list[axis=y]>ol>li"
- "div-list[axis=y]>ol>li"
- "div-list[axis=y]>ol>li"
- "div-list[mode=disc]>ul>li"
- "div-list[mode=disc]>ul>li"
- "div-list[mode=disc]>ul>li"
- "div-list[mode=disc]>ol>li"
- "div-list[mode=disc]>ol>li"
- "div-list[mode=disc]>ol>li"
- "div-list[mode=dash]>ul>li"
- "div-list[mode=dash]>ul>li"
- "div-list[mode=dash]>ul>li"
- "div-list[mode=dash]>ol>li"
- "div-list[mode=dash]>ol>li"
- "div-list[mode=dash]>ol>li"
Details list
- One
- Description 1
- Two
- Description 2
Quote and blockquote
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Cicerone - 45 BC
De Finibus Bonorum et Malorum www.lipsum.com
🎤 micro citation (q tag)
From <mark> to other usually into a text
strong is seo roled and not have a style. If you need to "style for user"... use B tag. So:
Lorem ipsum dolor sit amet, consectetur <strong> in <p> not have difference adipisicing elit, sed do eiusmod tempor ....
Lorem ipsum dolor sit amet, consectetur <b> in <p> adipisicing elit, sed do eiusmod tempor ....
Lorem ipsum dolor sit amet, consectetur <i> in <p> adipisicing elit, sed do eiusmod tempor ....
Lorem ipsum dolor sit amet, consectetur <mark> in <p> adipisicing elit, sed do eiusmod tempor ....
Lorem ipsum dolor sit amet, consectetur this is a "tip up"!... find it in side menu ;) adipisicing elit, sed do eiusmod tempor ....
Lorem ipsum dolor sit amet, consectetur acronym is obsolete tag for w3c, use abbr adipisicing elit, sed do eiusmod tempor ....
an axemple of <dfn> (definition) in <p> dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ....
Print a preformatted text
Pre it's not valid tag for codes.
For exemple, pre, can't print a script tag.
Basically no tags can contain code.
We suggest:
- Use PRE tag for prepackaged texts
- use CODE tag with the dynamic system for a block of code.
- use SAMP tag (if possible with the dynamic system) for a partial printing.
Print a code sample (beta)
remember: samp and code direct data not pass w3c convalidation
// simple test
const test = () => {
console.log("Hello world!")
}
Other coding into text...
Press Ctrl + Start to copy text (Windows). If system respond '<exemple>system not get a P tag.</exemple>' all process of script is under loading. This is a demo text... not is really coding