head - Kurs HTML i CSS
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...Oto jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne podobne szablony): <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> </head> <body> Tu wpisuje się treść strony </body> </html> UWAGA! Powyższy szablon dotyczy tzw. kodu źródłowego, dlatego jeżeli używasz edytora graficznego (np.: FrontPage), koniecznie musisz się przełączyć w...
- Komendy HTML 4.01 / HEAD
Nagłówek dokumentu. Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) PROFILE="adres" Wskazuje lokalizację (adres) jednej lub więcej informacji profilowej META, które są oddzielone białym znakiem Znacznik otwierający: opcjonalny Znacznik zamykający: opcjonalny
- Widżety HTML / Szablon strony bez ramek
...się fragmenty w postaci nagłówka oraz stopki szablonu. Na przykład, jeśli Twoja strona główna wygląda tak: <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Tytuł strony</title> </head> <body> <ul> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> </ul> Właściwa zawartość strony... </body> </html> Kolorem czerwonym zaznaczono nagłówek szablonu (jak widać nie jest to wprost odpowiednik...
- Komendy HTML 4.01 / Wykaz atrybutów
...Dopasowuje identyfikator do elementu frame TABLE Które krawędzie tabeli wyświetlić frameborder FRAME, IFRAME Życzenie obramowania ramki headers TD, TH Lista identyfikatorów komórek nagłówkowych height APPLET (wymagany) Wysokość początkowa height IFRAME Wysokość ramki height IMG, OBJECT Wysokość height TD, TH Wysokość komórki href A, AREA, LINK Adres powiązanego zasobu href BASE Adres bazowy hreflang A, LINK Kod języka hspace APPLET, IMG...
Czcionki CSS / Czcionki osadzone @font-face...czcionki do wybranych elementów na stronie odbywa się już w standardowy sposób, który został opisany w rozdziale. pt. Rodzaj czcionki. <html> <head> <style> @font-face { font-family: comic; src: url(http://adres/plik.ttf); } body { font-family: comic; } </style> </head> <body> Ten tekst jest napisany czcionką osadzoną "comic". <p style="font-family: comic">Ten akapit używa czcionki osadzonej "comic".</p> </body> </html> Warto pamiętać, że jeśli chcemy przypisać tak zdefiniowaną...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
...adres Lokalizacja punktu nawigacyjnego Tytuł Tytuł który pojawi się na pasku nawigacji Sekwencja <link "prev, next"> Poprzednia strona: <head> <link rel="prev" href="adres"> </head> Następna strona: <head> <link rel="next" href="adres"> </head> Jeżeli strony w naszym serwisie poukładane są w określonej sekwencji i ważne jest, aby czytelnik zaznajomił się z nimi właśnie w takiej kolejności, przydatne może okazać się wskazanie poprzedniego i następnego dokumentu. Pomoc <link...
- XHTML / Typy MIME dokumentów XHTML
...SERVER['HTTP_USER_AGENT'])) $MIME = 'application/xhtml+xml'; if ($MIME == 'text/html' && $DTD == 'XHTML 1.1') $DTD = $DTD2; header("Content-Type: $MIME; charset=$CHARSET"); echo "<"."?xml version=\"1.0\" encoding=\"$CHARSET\"?".">\n"; if ($MIME != 'text/html' || !array_key_exists('HTTP_USER_AGENT', $_SERVER) || !preg_match('/\sMSIE\s*([0-9])/', $_SERVER['HTTP_USER_AGENT'], $matches) || $matches[1] > 6) foreach ($CSS as $css) echo "<"."?xml-stylesheet...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
<head> <meta charset="utf-8"> </head> Polecenie jest deklaracją strony kodowej, czyli sposobu w jaki będą zapisane w formie cyfrowej znaki na naszej stronie WWW. Więcej na ten temat możesz dowiedzieć się w rozdziale pt.: Strony kodowe. UWAGA! Absolutnie nie należy pomijać tego wpisu i powinna to być koniecznie deklaracja kodowania UTF, a nie WINDOWS, gdyż wtedy mogą wystąpić problemy z wyświetlaniem polskich znaków (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Pytania i...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
<head> <meta name="keywords" content="wyraz1, wyraz2, wyraz3..."> </head> gdzie "wyraz1, wyraz2, wyraz3..." oznaczają wyrazy, które należy rozdzielać przecinkami. Można oczywiście podać więcej niż trzy wyrazy (w miejsce kropek). Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala Ci ono podać wyrazy kluczowe, z których mogą korzystać wyszukiwarki sieciowe. Dlatego staraj się tutaj wpisać wyrazy, które jak najlepiej opiszą zawartość Twojej strony. Dobrze dobrane słowa...