Wikibooks

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

Przeglądaj historię interaktywnie
← poprzednia edycjanastępna edycja →
Usunięta treść Dodana treść
WizualnieWikikod
MTM (dyskusja | edycje)
117 edycji
m br małymi, bardziej jednoznaczny opis; formatowanie następnego punktu
Nie podano opisu zmian
Linia 16:
Nie przejmuj się na razie, że nic z tego nie rozumiesz. Zaraz wszystko się wyjaśni. Zapisz teraz swoją stronę pod nazwą <code>index.html</code>. Teraz możemy otworzyć stronę w przeglądarce by zobaczyć rezultat. Brawo, stworzyłeś swoją pierwszą stronę. Na razie nikt prócz ciebie jej nie zobaczy, ponieważ jest ona tylko na twoim komputerze. Zajmijmy się teraz analizą stworzonej strony.
 
Przedstawiony powyżej kod zawiera w większości tzw. '''tagi''', których używa się do budowy strony WWW. Prawie wszystkie znaczniki otwiera się i zamyka, umieszczając przykładowo <code><nowiki><html></nowiki></code> i <code><nowiki></html></code>. Istnieją jednak wyjątki, takie jak tag <code><nowiki><img></nowiki></code>, służący do wstawiania obrazków na stronie, ale omówimy go później. Przestrzenie pomiędzy znacznikami otwierającym i zamykającym nazywamy '''sekcjami'''. W sekcjach można umieszczać inne znaczniki i tekst.
#Pierwszą rzeczą jest informacja o dokumencie. Mówi ona o tym jaką wersje HTML-a zastosowaliśmy. Jest to potrzebne do dalszej interpretacji dokumentu.▼
 
#Następnie widzimy znacznik otwierający <code><nowiki><html></nowiki></code>. Sygnalizuje on rozpoczęcie się kodu HTML. W jego przestrzeni zawieramy dalsze znaczniki. Na końcu dokumentu znajdziemy tak zamykający <code><nowiki></html></nowiki></code>.
▲#PierwsząPierwsza rzecząlinijka jestpowyższego informacjakodu (zwanego '''kodem HTML''') przedstawia informację o dokumencie. Mówi ona o tym jaką wersje HTML-a zastosowaliśmy. Jest to potrzebne do dalszej interpretacji dokumentu.
#Kolejną rzeczą jest sekcja <code><nowiki><head></head></nowiki></code>. W niej zawieramy informacje o dokumencie &ndash; w tym przypadku o kodowaniu znaków i tytule dokumentu, który zawsze zobaczymy na pasku przeglądarki.▼
#PoNastępnie tymwidzimy przychodziznacznik sekcjaotwierający <code><nowiki><body></bodyhtml></nowiki></code>. WSygnalizuje niejon zawieramyrozpoczęcie wszystkokodu toHTML cow chcemydokumencie. umieścić,W tej sekcji czyliumieszczamy całą treśćresztę kodu HTML. OczywiścieNa zaopatrzonąkońcu wdokumentu znacznikiznajdziemy tag zamykający <code><nowiki></html></nowiki></code>.
▲#Kolejną rzeczą jest sekcja <code><nowiki><head></head></nowiki></code>. W niej zawieramy informacje o dokumencie &ndash; w tym przypadku o kodowaniu znaków i tytule dokumentu, który zawsze zobaczymy na pasku przeglądarki. W sekcji ''head'' możemy umieścić także informacje o autorze dokumentu (czyli strony HTML), opis dokumentu czy słowa kluczowe. Dokładniej sekcję ''head'' omówimy w dalszej części podręcznika.
#W sekcji body utworzyliśmy paragraf za pomocą tagów <code><nowiki><p></p></nowiki></code>, w których przestrzeni umieściliśmy nasz tekst.
#ZnacznikPo tym przychodzi sekcja <code><nowiki><brbody></body></nowiki></code>. Obejmuje ona to, co chcemy umieścić na naszej stronie - czyli informacje oznaczao przejścietekście, dowstawianych następnejgrafikach liniiitp.
#W sekcji body utworzyliśmy paragraf za pomocą tagów <code><nowiki><font color=""p>Słowo </fontp></nowiki></code>, określaw kolorktórego czcionkisekcji wumieściliśmy danymnasz tekścietekst.
#Znacznik <code><nowiki><br></nowiki></code> ('''''br'''eak-line'') oznacza przejście do następnej linii.
#<code><nowiki><font color="">Słowo </font></nowiki></code> określa kolor czcionki w danym tekście. Tag <code><nowiki><font></nowiki></code> nie jest jednak już prawie w ogóle używany. Zarówno wygląd tekstu, jak i niekiedy całych stron, zajmuje się tzw. [[CSS]], ale o nim później.
To wszystko. W dalszych rozdziałach będziemy rozbudowywać nasz dokument i poznawać nowe elementy.
 
Źródło: „https://pl.wikibooks.org/wiki/HTML/Pierwsza_strona”