Tworzenie statycznych stron internetowych

HTML
CSS
index PHP
metadane HTML
listy HTML
Grafika HTML
Tabela HTML
Linki HTML
Formularze HTML

Podstawowy kurs HTML

Wstęp

HTML jest językiem programowania słóżącym do pisania stron WWW. Podstawowym narzędziem jest znacznik, czyli tekst zamknięyty w ostrych nawiasach. Większość znaczników posiada znacznik otwarcia i zamknięcia np:
<center> otawrcie - obszar działania znacznika <center> - zamknięcie znacznika.
Znaczniki po angielsku nazywają się tag'ami
Niektóre znaczniki posiadają atrybuty precyzujące określoną cechę formatowanego obiektu. Każdy atrybut posiada pewien zakres wartości. np:
<font size color face> ; font - to znacznik a size, color, face - to atrybuty.

Przykłady formatowania tekstu w HTML

Wielkość czcionki

W HTML wielkość czcionki wstawiamy znacznikiem font size o wartościach od 1 do 7

tekst o wielkości size1

tekst o wielkości size3

tekst o wielkości size5

tekst o wielkości size7

Zmiana koloru

Kolor w HTML definiujemy znacznikiem font color="nazwa koloru lub kod szesnastkowy"
Jest zdefiniowany 16 kolorów. Można również podać kolor w wartości np.:#0088ff

tekst w kolorze "navy"

tekst w kolorze "green"

tekst w kolorze "#88cc55"

tekst w kolorze "#dominik"

Zmiana typu, kroju czcionki

Zmiana kroju czcionki deklarujemy znacznikiem font face="nazwa czcionki"

Tekst Arialem

złożenia atrybutów

Inne znaczniki formatujące tekst

-tekst pogrubiony - <boltic>, boltic
-pochylenie tekstu - <italic>, italic
-podkreślenie tekstu -<u>, tekst podkreślony>
-przekreślenie - <strike>, tekst przekreślony
-błyskanie - <blink>, błyskanie rzadko działa
-indeks górny - <sup> indeks górny


komentarze

HTML jak każdy język programowania pozwala na wstawianie komentarzy do kodu co ma ułatwiać orientację w kodzie. Komentarze wstawiamy kombinacj a <!-- tekst komentarza -->(koniec komentarza). Komentarze nie są widoczne na stronie.

Znaki specjalne

Znaki specjalne pozwalają na wyświetlenie symboli zakodowanych w tablicach ANSI a niedostępnych z klawiatury. Można przy ich pomocy również zastąpić niektóre znaki dostępne na klawiaturze wykorzystywane w kodowaniu i trudne do normalnego wyświetlenia.
-twarda         spacja; znak pozwalający na zwiększony odstęp między słowami; &nbsp.
-znak mniejszości (<) - &lt
-znak większości (>) - &gt
† €


Definiowanie strony kodowej i języka narodowego dokumentu HTML

Dla HTML5 wpis kodowy strony wygląda tak:
<meta charset="utf-8">
<meta charset="iso-8859-2">

Dla HTML5 definiowanie jezyka strony wygląda tak:
<html lang="pl">


Elementy podstawowe strony WWW

Do elementów podstawowych będziemy zaliczać Akapit <p>, Blok-div <div>, nagłówek <h1 - 6>.
Akapit służy do formatowania większej ilości tekstu, należy go rozumieć jako jednorodny fragment tekstu. Z automatu posiada odstęp jednego wiersza z góry i od dołu. W stylach CSS możemy nadać mu kilka atrybutów jak szerokość, odstęp między wierszami, wcięcie pierwszego wiersza i inne.

DIV nazywany w polsce czasem blokiem, najczęściej służy do konstruowania strony w sensie formalnym. Często zawiera inne elementy np.: akapity, listy, tabele itd.

Nagłówek, element używany do wyznaczenia nowego "rozdziału" strony. Stosowany w 6 wielkościach od 1 (największy i najważniejszy) do 6. Zawsze pogrubiony i z pustymi wierszami od góry i do dołu. Nagłówek H1 może być użyty tylko 1 raz - kwestia pozycjonowania i wyszukiwania


Nagłówek H1


Nagłówek H2


Nagłówek H3


Nagłówek H4


Nagłówek H5

Nagłówek H6

Mateusz Wilk