Na początek

Przeglądarki internetowe

różne przeglądarki
konfiguracja przeglądarki (w tym krój i rozmiar czcionki, opcje wyświetlania i bezpieczeństwa)
wybór stylu (Firefox, Opera)
URL - adres internetowy

Pierwsza strona internetowa

dokument tekstowy
pierwsze znaczniki: p, strong
poprawna struktura dokumentu HTML

Komunikacja

katalog public_html
program WinSCP

Podstawy HTML

Dokument i jego nagłówki

Dokument HTML składa się z części nagłówkowej - head i ciała - body.

W części head podajemy informacje dotyczące dokumenty, jak tytuł, autora i, co bardzo ważne, kodowanie znaków.

Przykład 1.

Wzór dokumentu HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Tytuł  strony</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Author" content="Jaś Kowlaski">
</head>
<body>
  To jest treść strony
</body>
</html>

Jest wiele dostępnych kodowań znaków, ważne, aby podane kodowanie zgadzało się z faktycznym kodowaniem pliku.

Popularne kodowania dla języka polskiego:

utf-8
iso-8859-2
windows-1250

Akapity i wiersze

Akapity oznacza się znacznikiem <p> (koniec akapitu </p>, w "normalnym" HTML-u można go pomijać), natomiast znacznik <br> oznacza koniec wiersza bez rozpoczynania akapitu.

Uwaga, należy wystrzegać się nadużywania znacznika <br>, jest on uzasadniony tylko w wyjątkowych przypadkach. Natomiast podział na akapity jest (na stronach typu "artykuł") bardzo ważny.

Przykład 2.

<p>Tere fere kuku, to jest pierwszy akapit. Tere fere kuku, to jest pierwszy akapit.
Tere fere kuku, to jest pierwszy akapit. Tere fere kuku, to jest pierwszy akapit.
Tere fere kuku, to jest pierwszy akapit.
<p>Tere fere kuku, to jest drugi akapit. Tere fere kuku, to jest drugi akapit.
Tere fere kuku, to jest drugi akapit.

Zenon Kowalski<br>
ul. Nieciekawa 3<br>
12-345 Trepy

Tere fere kuku, to jest pierwszy akapit. Tere fere kuku, to jest pierwszy akapit. Tere fere kuku, to jest pierwszy akapit. Tere fere kuku, to jest pierwszy akapit. Tere fere kuku, to jest pierwszy akapit.

Tere fere kuku, to jest drugi akapit. Tere fere kuku, to jest drugi akapit. Tere fere kuku, to jest drugi akapit.

Zenon Kowalski
ul. Nieciekawa 3
12-345 Trepy

Nagłówki

Nagłówki (tytuły i tzw. śródtytuły) oznaczamy w HTML znacznikami od <h1> do <h6>. Oznaczenie nagłówków jest bardzo ważne, gdyż nadaje strukturę dokumentowi.

Nagłówków nie wolno używać w celu wyróżnienia tekstu.

Odnośniki

Przykład 3.

<p>Dobry kurs HTML to np. <a href="http://kurs.browsehappy.pl">Browse Happy</a>.</p>

UO HTML - ćwiczenia 1 - Podstawowa struktura dokumentu HTML