HTML - Wprowadzenie
Tutaj poznacie podstawy HTML.Jako osoba, która dopiero wchodzi w rynek IT, a konkretniej tworzenia stron internetowych patrząc na nadmiar technologii możesz się zastanawiać od której strony zacząć. Podpowiadam - od HTML, gdyż jest to absolutna podstawa, która będzie wielokrotnie się przewijać.
HTML to skrót od HyperText Markup Language. Jest to kod, który opisuje strukturę strony. Pierwsza lista znaczników HTML została opublikowana 1991 roku przez Tima Bernersa-Lee.
Znaczniki HTML to słowa zamknięte w znakach mniejszości i większości, dzięki czemu na pierwszy rzut oka już są rozpoznawalne.
Przykład: <html></html>
Każdy ze znaczników odpowiada za co innego. Możliwe jest dzięki znacznikom wstawiać tabelki, tytuły, odnosić się do zewnętrznych zasobów itp.
Znaczniki osobiście dzielę na otwarte, czyli:
<title></title>
<table></table>
<h1></h1>
i na znaczniki zamknięte:
<br />
<hr />
<img />
Bardzo istotną informacją jest to, że otwarte znaczniki NALEŻY DOMYKAĆ, ponieważ niedomknięcie może spowodować, że ten konkretny znacznik będzie oddziaływać na pozostałą część dokumentu.
Przykład dobrego zastosowania:
<span>To jest<strong>tekst</strong> i tyle.</span>
Rezultat: To jest tekst i tyle.
Przykład złego zastosowania:
<span>To jest <strong>tekst i tyle.</span>
Rezultat: To jest tekst i tyle.
Podstawowa struktura HTML jest prosta:
<html>
<head></head>
<body></body>
</html>
Znacznik HTML oznajmia, że mamy do czynienia z dokumentem HTML, z kolei HEAD ma wszystkie rzeczy opisowe oraz linkowane są tam często zasoby zewnętrzne.
Nie zapomnijmy również o BODY - w zasadzie najważniejszy znacznik, bo bez niego, a w zasadzie jego treści nie zobaczyli byśmy nic na ekranie.
Jak już mamy strukturę to możemy przetestować działanie znaczników:
<html>
<head></head>
<body>
<h1> IMIĘ I NAZWISKO </h1>
<br />
<span> Mój zawód </span>
<br />
<table>
<tr>
<td>Wzrost</td><td>Waga</td><td>Wiek</td>
</tr>
<tr>
<td>180cm</td><td>80kg</td><td>25lat</td>
</tr>
</table>
</body>
</html>
HTML też posiada możliwość formatowania na przykład tekstu (dzięki <font></font>), ale tą rolę przejął już dawno CSS.