HTML - Struktura strony

Struktura strony, znaczniki w sekcji head
Określenie	Znacznik	Przykład/Uwagi
Główny element dokumentu	html O/O	`<!DOCTYPE html> <html lang="pl">`
Nagłówek dokumentu	head O/O	`<head></head>` W sekcji <head> gromadzimy informacje na temat naszej strony internetowej, najważniejsze z nich to: tytuł strony wyświetlany na pasku przeglądarki internetowej oraz w wyszukiwarkach internetowych, bardzo ważny w pozycjonowaniu strony! opis strony również pojawiający się w wynikach wyszukiwania informacja na temat kodowania strony odpowiedzialna za poprawne wyświetlanie polskich znaków na naszej stronie możemy również podać słowa kluczowe, dołączyć arkusze stylów css lub pliki javascript, napisać o autorze strony itd.
Tytuł dokumentu	title W/W	`<title></title>` Na obrazku efekt zapisu <title>Statut gimnazjum<title>
Informacje profilowe dokumentu	meta W/Z	Element meta służy do definiowania metadanych dokumentu, tzn. informacji opisujących ten dokument. Informacje te określa się w postaci par nazwa-wartość. `<meta charset="UTF-8">` `<meta name="description" content=`"Tu wpisz opis zawartości strony" `/>` `<meta name="keywords" content=`"Tu wpisz wyrazy kluczowe rozdzielone przecinkami" `/>`
PARAMETRY	content http-equiv name	`Content` określa dodatkowe informacje które mają być powiązane z elementem określonym za pomocą atrybutów http-equiv lub name, `http-equiv` - pozwala na określenie wartości dla wybranego nagłówka HTTP. Nagłówki które można w ten sposób określić to: `content-type` - typ zawartości; zwykle używa się tego nagłówka w celu podania sposobu kodowania dokumentu; `expires` - określa kiedy zawartość strony przestanie być aktualna; `refresh` - wymusza odświeżenie strony lub załadowanie innej; `set-cookie` - ustawia ciasteczko (cookie) `Name` - Określa nazwę dodatkowej informacji o stronie, którą można podać. W ten sposób można podać m.in.: `author` - autor strony; `description` - opis strony; `keywords` - słowa kluczowe; `generator` - oprogramowanie za pomocą którego została stworzona strona; `revised` - data ostatniej aktualizacji.
Odnośnik	link O/Z	Odnośnik, określa powiązania dokumentu. Występuje tylko w sekcji `head`. `<link rel="stylesheet" href="main.css" />`
Wewnętrzny arkusz stylów	style W/W	`<style type="text/css">` selektor { cecha: wartość; cecha2: wartość2... } selektor2 { cecha: wartość; cecha2: wartość2... } `</style>` Pozwala autorowi wstawić arkusz stylów (css), w części nagłówkowej dokumentu (head).
Adres bazowy	base W/Z	Określa adres bazowy dokumentu, względem którego budowane będą inne adresy odnośników na stronie. Musi znajdować się w sekcji `head`. Atrybuty: `href`="adres" - Określa absolutny adres, według którego będą tworzone adresy względne `target`="cel" - Podaje nazwę ramki, w której dokument będzie otwarty; ponadto możliwe jest tutaj podanie: `_blank` - załadowanie do nowego okna `_parent` - do ramki nadrzędnej `_self` - do tej samej, w której znajduje się element `_top` - do pełnego, oryginalnego okna
Ciało dokumentu	body O/O	Element definiuje "ciało" strony WWW, czyli jej zawartość.
PARAMETRY	alink background bgcolor bgproperties leftmargin link text topmargin vlink	`alink` - kolor aktywnego linka (link zmienia kolor na określony przez ALINK w momencie, kiedy zostanie kliknięty) `background` - określa obrazek, który ma być tłem dla strony `bgcolor` - określa kolor tła strony `bgproperties` - jeżeli ma wartość `fixed` to tło nie będzie się przewijało razem ze stroną `leftmargin` - ustawia szerokość lewego marginesu strony `link` - określa kolor linków `text` - określa kolor tekstu `topmargin` - określa wysokość górnego marginesu `vlink` - określa kolor linków które były już odwiedzane Właściwości te nie są zalecane. Powinieneś raczej stosować arkusze stylów.
Szkielet strony		`<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8" /> <title>HTML5</title> <link rel="stylesheet" href="arkusz.css" /> </head> <body> … </body> </html>`