HTML/Pierwsza strona: Różnice pomiędzy wersjami

Usunięta treść Dodana treść
Kompowiec2 (dyskusja | edycje)
m →‎Wpisywanie tekstu: del wpisywanie tekstu
Kompowiec2 (dyskusja | edycje)
m →‎Analiza: deklaracja typu dokumentu
Linia 25:
 
== Analiza ==
*== ''Deklaracja typu dokumentu'' - definiuje formalną strukturę dokumentów. Absolutna Podstawa, ale o nich pomówimy później.==
Każdy poprawny dokument HTML rozpoczyna się od linijki definiującej jego typ. Ze względu na typ dokumenty HTML dzielimy na:
* ''Standard w3c''' - To co pisze, informuje że jest zgodny z standardem zatwierdzonym przez World Wide Web Consortium.
;strict
* znacznik '''<head>''' - Pozwala wstawić w niej podstawowe informacje o dokumencie strony z których korzystają wyszukiwarki internetowe.
:w pełni zgodny ze standardami W3C,
;transitional
:zawierający elementy pozwalające na tworzenie stron w znacznej mierze zgodnych ze standardem W3C, jednak zapewniających dostęp do funkcji, które nie są przez W3C popierane, jak np. decydowanie za użytkownika, gdzie otworzyć się ma odnośnik (brak elementu <code>target</code>, będzie o nim mowa później),
;frameset
:wariant typu transitional pozwalający na użycie ramek.
 
Zależnie od typu dokumentu HTML musimy wybrać stosowną dla niego definicję, którą umieścimy w pierwszej linijce kodu naszej strony internetowej. Podręcznik jest ukierunkowany na naukę HTML-a o jak najlepszej zgodności ze standardami, więc wybierzemy typ strict.
 
<source lang="html4strict">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
</source>
 
Jeżeli chciałbyś skorzystać z typu transitional powinieneś zamiast tego wpisać:
 
<source lang="html4strict">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
</source>
 
Natomiast dla frameset:
 
<source lang="html4strict">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
</source>
 
Nie musisz oczywiście uczyć się tego na pamięć. Wystarczy, że będziesz miał te linijki gdzieś pod ręką.
 
Zapiszmy teraz nasz dokument. Nadajmy mu nazwę <code>index.html</code> &ndash; prawie wszystkie serwery stron WWW przeszukują na początku katalog z plikami naszej strony w poszukiwaniu pliku o tej nazwie, w wypadku nie znalezienia takiego pliku zwracają one zwykle błąd 404 (informujący o tym, że poszukiwana strona nie została odnaleziona) lub wyświetlają zawartość katalogu. Najlepiej utworzyć dla niego jakiś osobny katalog, ponieważ później dodamy jeszcze kilka innych plików.
===Pozostałe===
** W miejscu znaczników: <code><nowiki><meta></nowiki></code> - Pozwala umieścić bardzo ważne dla wyszukiwarek informacje. 3 Zostały w kodzie wyjaśnione (między znacznikami). Ten ostatni, z linijką ''ISO-8859-2'' jest bardzo ważny - pozwala na uzyskanie Polskich znaków. Jest to powszechnie uznany standard, i jego zmiana może spowodować błędy w większości komputerów!
** W miejscu znaczników: <code><title</code> <code></title></code> wpisujemy tytuł strony. Jest wykorzystywany w belce tytułowej przeglądarki internetowej oraz jako nazwa odnośnika w wyszukiwarce (w Google odznacza się niebieskimi napisami)