Az alábbiak ismerete hasznos, de nem nélkülözhetetlen, hiszen ha egy új oldalt/bejegyzést kezdünk el készíteni, abban megformázzuk a szövegünket, majd a HTML nézetbe váltva a kész kódot teljes egészében kimásoljuk, akkor felhasználhatjuk akár a Widgetek szerkesztésekor, akár az új sablon szöveges mezőihez (utóbbi korlátozottan fogad be kódokat).
A HTML (angolul: HyperText Markup Language, azaz hiperszöveges leírónyelv) egy leírónyelv, amivel weboldalakat tudunk készíteni. Az alábbiakban az egyszerű formázásokat leíró kódok találhatóak.
A formázás általában egy kóddal kezdődik, követi az érintett szövegrész, majd egy lezáró kód. A kódok (tagek) minden esetben <> zárójelben vannak, a lezáró kódokban pedig egy / jel található.
Betűformázó utasítások
Kód | Eredmény |
<b>bold</b> |
bold |
<i>italic</i> |
italic |
<u>underline</u> |
underline |
<b><i><u>Szöveg</u></i></b> |
Szöveg (Egyszerre több kód is használható) |
Bekezdés, címsorok
Kód | Eredmény |
<br /> |
Ez után új sor kezdődik, az adott paragrafuson belül (vizuálisan a Shift+Enter gomb) |
<p>Szöveg, szöveg, szöveg.</p> |
Ez is új sor, de egyben új bekezdés (előtte utána térköz) |
<p align="center">Középre zárt bekezdés.</p> |
Ez a középre igazított bekezdés. A „left” balra, a „right” jobbra igazított bekezdést eredményez. |
<h1>Első szintű címsor (Főcím)</h1> |
Első szintű címsor (Főcím) |
<h2>Második szintű címsor (Alcím)</h2> |
Második szintű címsor (Alcím) |
Link készítése
<a href="http://weboldal.html">Szöveg vagy kép, amire kattintani lehet</a>
Pl:
<a href="https://semmelweis.hu/valami/" target="_blank">Semmelweis Egyetem</a>
vizuális megjelenése: Semmelweis Egyetem amely linkre kattintva új ablakban fog a link megnyílni (target). Ha a target kódot nem írjuk bele, akkor ugyanabban a böngésző lapban (ablakban) nyílik meg a belinkelt weboldal, így a saját oldalunkról elirányítjuk a látogatót.
A href hivatkozás és az egyenlőségjel után mindig idézőjelben a teljes URL következik. Képnek és fájlnak is van URL-je, ha már a Médiatárba feltöltöttük, illetve külső webcímeket is használhatunk. Középre helyezett képre így hivatkozunk:
<img src="http://a_kep_url-je" align="center">
E-mail címet hasonló módon linkelünk be, de használni kell a mailto: kódot is, így:
valaki@valami.hu címet ezen a módon tudunk linkké alakítani
<a href="mailto:valaki@valami.hu">valaki@valami.hu</a>
HTML 5 -ről bővebben ezen a linken található információ.