HTML (Hyper Text Markup Language) este limbajul cel mai folosit pentru cereararea paginilor web. Indiferent de tehnologia sau limbajul folosit pe server, o pagină web va fi servită browserului în formal HTML.

Practic HTML este echivalentul web al fișierului Word. Toată lumea îl folosește chiar dacă nu toți își dau seama de asta.

Steemit, prima interfață folosită pentru blockchain-ul Steem, permite folosirea parțială a formatului HTML. La fel și busy.org dar cu mici diferențe.

Fără a intra în amănunte prea tehnice, sunt o mulțime de tag-uri HTML care nu funcționează pe steemit.com sau busy.org. Cea mai mare parte din probleme se datoreaza CSS-urilor folosite pe site-urile în cauză.

Pe scurt, dacă în CSS (Cascaded Style Sheet – o modalitate de a defini stilurile și formatările o singură dată, urmând a fi folosite ulterior pentru tot site-ul) este definit stilul unui tag, degeaba încercăm să folosim altceva căci nu va funcționa.

În rândurile ce urmează o să explic cum se realizează formatările uzuale folosind acest limbaj.

Veți vedea întâi codul și imediat sub, formatarea rezultată. Pentru simplitate, puteți copia codul și apoi înlocuiți textul.

Mare atenție la spații, paranteze și alte caractere speciale!
Lipsa unui singur caracter va duce la modificarea aspectului vizual al postării.

---

Titluri (Headlines)

<h1>Text (H1)</h1>
<h2>Text subtitlu (H2)</h2>
<h3>Text sub-subtitlu (H3)<h3>

Text (H1)

Text subtitlu (H2)

Text sub-subtitlu (H3)

---

Formatare text

În corpul textului se folosesc adesea sublinieri ale cuvintelor de tip bold, italic, bold italic sau striketrough.
Codurile folosite pentru aceste formatari sunt următoarele:

<strong>Text bold</strong>
<em>Text italic</em>
<em><strong>Text bold italic</strong></em>
<strike>Striketrough</strike>

Text bold

Text italic

Text bold italic

Striketrough

Nu vă împiedică nimic să folosiți combinații ale acestor coduri, ca de exemplu un titlu italic.

  <h3><em>Titlu H3 italic</em></h3>

Titlu H3 italic

---

Un alt set de formatări sunt subscript și superscript.

<sub>Subscript</sub> Normal <sup>Superscript</sup>

_Subscript Normal ^Superscript

---

Dacă doriți să evidențiați un întreg paragraf puteți utiliza formatarea pentru citate.

<blockquote>Duis sed laoreet massa. Sed sollicitudin dolor non eros porta suscipit. Etiam vitae felis mauris. Mauris tincidunt sollicitudin tellus, ut varius magna finibus et.</blockquote>

Duis sed laoreet massa. Sed sollicitudin dolor non eros porta suscipit. Etiam vitae felis mauris. Mauris tincidunt sollicitudin tellus, ut varius magna finibus et.

În ce privește alinierea textelor, sunt posibile doar alinierea la stânga (default) și alinierea la centru, folosind codul de mai jos.

<center>text aliniat la centru</center>

text aliniat la centru

---

Liste

Folosirea codului HTML permite formatarea listelor, ordonate sau neordonate.

<ol>
  <li>aceasta este</li>
  <li>o lista</li>
  <li>cu elemente</li>
  <li>ordonate</li>
</ol>

1. aceasta este
2. o lista
3. cu elemente
4. ordonate

<ul>
  <li>aceasta este</li>
  <li>o lista</li>
  <li>cu elemente</li>
  <li>neordonate</li>
</ul>

• aceasta este
• o lista
• cu elemente
• neordonate

Listele pot fi folosite și combinat:

<ol>
  <li>primul element din  lista ordonată</li>
  <li>al doilea element din  lista ordonată</li>
    <ul>
        <li>element sublistă neordonată</li>
            <ul>
                <li>element subsublistă neordonată</li>
                <li>încă un element subsublistă neordonată</li>
            </ul>
        <li>încă un element sublistă neordonată</li>
    </ul>
  <li>al treilea element din  lista ordonată</li>
  <li>și așa mai departe </li>
</ol>

1. primul element din lista ordonată
2. al doilea element din lista ordonată
• element sublistă neordonată
• element subsublistă neordonată
• încă un element subsublistă neordonată
• încă un element sublistă neordonată
3. al treilea element din lista ordonată
4. și așa mai departe

---

Despre tabele, formatarea textului pe două coloane, link-uri și imagini voi scrie într-un articol viitor.

Dacă aveți neclarități referitoare la informațiile prezentate, mă puteți găsi pe canalul Discord SteemRomânia.

SteemRomania Discord Chanel !