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.
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
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 kroju czcionki deklarujemy znacznikiem font face="nazwa czcionki"
Tekst Arialem
złożenia atrybutów
-tekst pogrubiony - <boltic>, boltic
-pochylenie tekstu - <italic>, italic
-podkreślenie tekstu -<u>, tekst podkreślony>
-przekreślenie - <strike>, tekst przekreślony
-błyskanie - <blink>,
-indeks górny - <sup> indeks górny
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 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;  .
-znak mniejszości (<) - <
-znak większości (>) - >
†
€
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">
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
Tworzenia strony można podzielić na 3 etapy poznawania, poszukiwania , implementacji
Poznawanie - "rozpoznanie terenu" zapoznanie się z klinetem jego oczekiwaniami oraz typem odbiorcy strony
Poszukiwanie - zebranie informacji i przeanalizowanie
Implementacji - przygotowanie, rozplanowanie planu tworzenia strony , przeniesienie pomysłu na schemat papierowy
są dwa wyznaczniki tego czy strona internetowa została zaprojektowania właściwie
pierwszy to użyteczność strony a więc czy informacja jest prezentowana w sposób efektywny i czy wytryna jest funkcjonalna .Drugi aspekt to estetyka strony , ciekawy efekty wizualny , wyskoa wartość artystyczna
każda strona internetowa powinna zawierać kilka bloków:
nagłówek - treści będące wizytówką klienta (logo,nazwa firmy) z
blok nawigacji umieszczany jest u góry strony pod nagłówkiem , jeżeli umieszczamy bo z boku powinien się znajdować jak najbliżej krawędzi.Wszystkie elementy menu powinny być widoczne zaraz po otwarciu strony
Treść - powinna być najważniejszym elementem strony . Powinna przyciągać internaute , zachęcać go do użwania strony
Stopka - zawiera informacje o prawach autorskich itp
biała przestrzeń - odnosi się do obszaru strony na którym nie ma ani tekstu ani animacji
W dobrym układznie strony należy odpowiednio ułożyć stronę, nie przepychać jej.Starać się żeby była przejrzysta
dokument zawierający informacje o stronie, strona powinna być przejrzysta i czytelna