KURS HTML

KURS HTML KURS CSS


Treść

Kurs HTML

Podstawowe pojęcia

Strona internetowa - dokument w języku html lub Xhtml zapisany w pliku i umieszczony na serwerze, odczytywany przy pomocy przeglądarki.

Witryna internetowa - zbiur stron internetowych powiązanych tematycznie i umeszczonych na jednym serwerze.

Portal internetowy - serwis informacyjny zawierający informacje na różne tematy, zwykle wyposażony w dodatkowe funkcje: poczta, czat wyszkiwarka itd.

Wortal internetowy - portal wertykalny czyli wyspecializowany zawierający informacje z jednej dziedziny. Rzadko używany.

Serwer internetowy - Komputer podłączony do internetu świadczący usługi w internecie.

Strona statyczna - strona nie zmieniająca zawartoścji i treści przy odwołaniusię do niej. Zmiany wprowadza administrator w odzie strony.

Strona dynamiczna - strona generowana na bieżąco przez serwer HTTP na podstawie parametrów przekazywanych przez przeglądarkę - użytkownika.


HTML (ang. HyperText Markup Language)

HTML jest podstawowym językiem projektowania stron www. W dniu dzisieszym stosowana jest wersja HTML5.
Podstawowym elementem języka HTML jest znacznik(tag), czyli polecenie informujące o sposobie interpretowania danego fragmentu tekstu. Znaczniki zapisujemy w nawiasach <>. Większość znaczników posiada znacznik otwarcia i zamknięcia . wyjątkami są:

Znaczniki mogą posiadać atrybuty które definiują ich działanie (określenie wielkości, koloru...). konstrukcja takiego znacznika to <font size=6> gdzie font jest znacznikiem a sizeM atrybutem tego znacznika, liczba 6 to wartość atrybutu.
Znaczniki można umieszczać jeden wewnątrz drugiego, natomiast należy zamykać w odwrotnej kolejności do otwierania np.: &lpt><font>formatowany tekst&it/font></p>.

Deklaracja typu dokumentu

Deklaracja typu dokumentu (DTD) określenia wersji języka HTML jaka jest stosowana na stronie. Dla html 4 prezentuje się ona tak:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Dla HTML DTD wygląda tak:
<!DOCTYPE HTML>


KODOWANIE POLSKICH ZNAKÓW

Kodowanie polskich znaków jest obsługiwane przez kilka standardów.
Pierwszy standard to ISO 8859, zgodny z podstawowym ASCII. Na stronach wykorzystuje się go w wersji ISO 8859-2
Kolejny standard to WINDOWS-1250, Bardzo rzadko spotykany wykorzystywany, dobrze obsługiwany przez IE. Kolejny standard oparty na kodowaniu Unicode to UTF (Unieode Transformation Format) w wersji UTF-8.
Deklaracje strony umieszczamy w sekcji HEAD w znaczniku<meta>:
HTML 4: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTML 5:<meta charset="ISO 8859-2">

Metadane(metainformacje)

Metadane to dodatkowe informacje przekazywane przeglądarką o dokumencie. Są one zapisywane w sekcji HEAD w znaczniku <meta>. Posiadają charakterystyczne argumenty:
Argument name identyfikuje rodzaj informacji. Jest stosowany naprzemiennie z http-equiv
Argument content zawiera konkretne informacje.


Atrybut http-equiv - wartości:
  • Content-Type określa sposób kodowania
  • Content-Language - język zawartości dokumentu
  • Replay-to - podaje adres do kontaktu z autoren strony
  • default-style - podaje adres pliku stylu CSS
  • refresh - częstotliwość odświeżania strony

Atrybuty name - wartości:
  • author - autor strony
  • description - krótki opis strony
  • keywords - słowa kluczowe
  • generator - nazwa programu generatora strony
  • Creation_date - data utworzenia strony
  • revised - data ostatniej aktualizacji
  • Title, page-topie - ustawienia tytułu i opis strony
  • robots - określa indeksowanie strony
  • company - nazwa firmy
  • publisher - nazwa wydawcy
  • copyright - prawa autorskie
  • expires - data ważności

Wartość robota

Atrybut name robots odpowiada za indeksowanie(pozycjonowanie) strony w sieci. Dla "robots" mogą być następujące wartości

  • "index" - strona, na której wstawiono polecenie, będzie indeksowana przez roboty sieciowe (indeksery) - domyślnie
  • "noindex" - strona, na której wstawiono polecenie, nie będzie indeksowana
  • "follow" - przechodzenie do stron, do których odnoszą się odsyłacze, znajdujące się w dokumencie - domyślnie
  • "nofollow" - robot nie przechodzi do stron stron wskazywanych przez odsyłacze wstawione na stronie, ale może je zaindeksować, jeżeli istnieją inne linki umieszczone na stronach bez tego zakazu
  • "index, nofollow" - indeksuje stronę, nie przechodzi do stron wskazywanych przez odsyłacze
  • "noindex, follow" - nie indeksuje strony, na której wstawiono polecenie, przechodzi do stron wskazywanych przez odsyłacze
  • "all" = "index, follow" - indeksuje wszystko (domyślnie)
  • "none" = "noindex, nofollow" - nie indeksuje nic

Deklaracja języka zawartości dokumentu

Dla HTML 4<meta http-equiv="Content-Language" content="pl">
dla HTML 5:<html lang="pl">

Znaki specjalne w HTML

Znaki specjalne to zestawienia znaków(liter) pozwalające wyświetlić na ekranie znaki wykorzystywane w kodzie lub nie występujące na klawiaturze.

  • < - & lt (bez spacji po &)
  • > - & gt
  • " - & quot
  • & - & amp
  •       - & nbsp (twarda spacja)
  • ‰ promil - & permil;
  • € Euro - & euro;
Mateusz O. Gr. 1