<----> <----> <---->
index PHP
index zadanie1
listy HTML
grafika

podstawowy kurs HTML

Wstęp

Html jest językiem programowania służącym do pisania stron WWW. Podstawowym narzędziem jest znacznik, czyli tekst zamknięty w ostrych zawiasach. Wiekszość znaczników posiada znacznik otwarcia i zamknięcianp:
obszar działania znacznika 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 fac> ; font - to znacznik a size, color, face - to atrybuty.

przykłady formatowania tekstu

zmiana typu, wielkości czcionki

tekst o wielkości size 1

tekst o wielkości size 3

tekst o wielkości size 5

tekst o wielkości size 7

zmiana typu, koloru czcionki

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

Tekst w kolorze"navy"

Tekst w kolorze"red"

Tekst w kolorze"#88cc55"

TEKST

zmiana typu, kroju czcionki

Zmianę kroju czcionki deklarujemy znacznikiem font face="nazwa czcionki"
tekst czcionką Comic Sans MS
tekst czcionką Tahoma
tekst czcionką Elephant

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
-indeks dolny - <sub>indeks dolny
-tekst preformatowany, wyświetla wszystkie białe znaki <pre>



komentarze

HTML jak każdy język programowania pozwala na wstawianie komentarzy do kodu, co ma ułatwiać orientację w kodzie. Komentarze wstawiamy kombinacją <!-- 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

Strona kodowa polskich znaków


między słowami; &nbsp.
-znak mniejszości (<) - &lt
-znak większości (>) - &gt
-znak pierwiastka ( ) - &radic:

definiowanie strony kodowej i języka narodowego dokumentu html

w HTML 5 wpis kodujący polske znaki to:
<meta charset="iso-8859-2"> lub <meta charset"utf-8">

- wpis definiujący język polski:

elementy podstawowe 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 pierwsze wiersza i inne.

DIV nazywamy w Polsce czasem blokiem, najczęściej służy do konstruowanie strony w sensie formalnym. Często zwiera 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łu. Nagłówek H1 może być użyty tylko 1 raz - kwestia pozycjonowania i wyszukiwania