Nyní se dostáváme k slibovanému rychlokurzu HTML. Prolítneme si jen základy a věci které určitě použijme v následujících dílech. HTML je zkratkou HyperText Markup Language, značkovací jazyk pro hypertext. Bude to opravdu ve zkratce. Každá stránka obsahuje html znaky tak je důležité je znát. Stránka začíná vždy <html> a končí </html>. Uvnitř se nacházejí další značky <head> a ukončení </head> To těchto značek se vkládá <title> </title> do nich s vkládá text s nadpisem stránky, který se zobrazuje v záhlaví okna a na hlavní panelu jako nadpis aplikace. Další se do hlavičky (head) vkládají meta znaky, jsou především pro prohlížeč a vyhledávací roboty. Také informace o znakové sadě a jazyku. Dalším prvkem ve znacích html je <body> a ukončení </body>. Co je uzavřeno v těchto značkách to prohlížeč zobrazí.
Formátování textu <b></b> ztučnění <i></i> kurzíva <u></u> podtržení <p></p> odstavec <font></font> blok textu (můžeme přidat parametr color="barva" obarvi text)
Tabulky <table></table> začátek konec tabulky <tr></tr> začátek konec řádku <td></td> začátek konec buňky.
Formuláře <form method="metoda" action="akce"></form> začátek konec formuláře. Metody poslání informací vykonávacímmu skriptu mohou být POST a GET. Action je soubor vykonávající obsluhu (vyhodnocení) formuláře Prvky formuláře <input type="typ" name="" value=""> Typ určí o jaký element se bude jednat "text" – klasický vstupní pole, "button" – tlačítko "submit" – potvrzovací tlačítko, při zmáčknutí dojde k přechodu a odeslání hodnot z formuláře k vyhodnocovacímu skriptu, "hidden" – skryté pole. Value určuje předdefinovanou hodnotu prvku.
Existuje spousta dalších značek HTML, na tyto jsem ukázal, protože se s největší pravděpodobností v tomto seriálu ještě setkáte. A jak by takový HTML dokument mohl vypadat?
<HTML>
<HEAD>
<TITLE>On-game – Seriál PHP</TITLE>
<META name="author" content="Jirda, ETNyx">
</HEAD>
<BODY>
<p>Lorem ipsum <b>dolor</b> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <u>magna <i>aliqua. <b>Ut</b> enim</i> ad</u> minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<br><br>
<table>
<tr>
<td>Hlavicka tabulky1</td>
<td>Hlavicka tabulky 2</td>
<td>Hlavicka tabulky3</td>
<td>Hlavicka tabulky 4</td>
</tr>
<tr>
<td>bunka 1</td>
<td>bunka 2</td>
<td>bunka 3</td>
<td>bunka 4</td>
</tr>
<tr>
<td>bunka 5</td>
<td>bunka 6</td>
<td>bunka 7</td>
<td>bunka 8</td>
</tr>
</table>
</BODY>
</HTML>
Doporučuji se podívat na stránky zabývající se touto problematikou a více se sní seznámit například na stránce Zde Příště si ukážeme podmínky a operátory.
