Dioxide

Wstep do HTML

Co to jest plik HTML?

HTML jest skrotem od Hyper Text Markup Language.
Plik HTML stworzony jest z tagow (znacznikow) HTML.
Tagi sa poleceniami, dzieki ktorym przegladarka wyswietla strone.
Plik HTML musi miec rozszerzenie .html lub .htm.
Plik HTML moze byc napisany w dowolnym edytorze tekstowym.

W czym pisac kod?

Istnieje wiele edytorow, ktore umozliwiaja stworzenie strony internetowej w kilka minut, uzywajac gotowych szablonow. Osobiscie odradzam stosowania tego typu programow, najlepsza metoda tworzenia stron internetowych jest ich tworzenie poprzez wlasnoreczne pisanie calego kodu, czego ma nauczyc niniejszy kurs.

Do pisania kodu polecam Notepad++ (do pobrania za darmo z tej strony). Po uruchomieniu z menu 'Language' nalezy wybrac 'HTML', co spowoduje ze poszczegolne elementy kodu beda podswietlane roznym kolorami, co znacznie zwiekszy jego czytelnosc.

Przepisz ponizszy kod:

<html>
<head>
<title>Tytul strony</title>
</head>
<body>
To jest moja pierwsza strona.<br>
<b>Ten tekst jest pogrubiony</b><br>
<i>Ten tekst jest pochyly</i><br>
</body>
</html>

Zapisz go jako strona.html w dowolnym miejscu na dysku i uruchom.

Wyjasnienie powyzszego przykladu

Pierwszym tagiem jest <html>, ktory informuje przegladarke o poczatku dokumentu HTML. Ostatnim tagiem jest </html>, ktory zamyka dokument.

Wszystko pomiedzy <head> a </head> to informacje naglowkowe dokumentu, zadna z nich nie jest wyswietlany w oknie przegladarki. Tekst miedzy <title> a </title> to tytul dokumentu, jest on wyswietlany w naglowku przegladarki.

Wszystko pomiedzy tagami <body> jest cialem dokumentu, czyli tym co jest wyswietlane w oknie przegladarki.

Tekst pomiedzy a jest pogrubiony, natomiast pomiedzy a podkreslony. Tag powoduje, ze wszystko co jest po nim napisane jest w nowej linijce.

Sprobuj modyfikowac ten przyklad i analizuj zmiany, ulatwi to dalsza nauke.