;
Logowanie 
United States 
Unknown Browser
| HTML - podstawy |
|
    Dokument HTML jest zwykłym plikiem tekstowym, w którym znajdują się polecenia języka HTML. Dokument taki można utworzyć za pomocą najprostszego edytora tekstów, ręcznie dodając znaczniki, można również skorzystać z różnych edytorów ułatwiających konstruowanie dokumentu. Polecenie (znacznik, tag) HTML jest specjalnym ciągiem znaków objętym nawiasami ostrymi. Wszystkie polecenia powinny się znaleźć w pewnych standardowych ramach. Zostało przyjęte, że dokument HTML zawiera szkielet, który stanowi osnowę dla wszystkich innych poleceń. Cały dokument powinien być objęty parą znaczników <html> </html>. Między nimi powinna zaś się znaleźć para znaczników <head> </head>, która stanowi ramy dla informacji nagłówkowych. Pozostałe informacje powinny być objęte z kolei znacznikami <body> </body>. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> Między znacznikami <head> i </head> powinny się znaleźć wpisy: <head> Title nie oznacza wcale tytułu na stronie. Zawarta między tymi znacznikami treść ukaże się w pasku tytułowym przeglądarki, a nie w dokumencie. Drugim bardzo ważnym elementem jest informacja stronie kodowej dokumentu. Wyrazy kluczowe to słowa pomagające odnaleźć stronę w wyszukiwarkach. Charakterystyczną cechą Internetu jest obecność na stronach hipertekstowych odsyłaczy do innych stron, lub podstron, które znajdują się w sieci. Odsyłacz do innej strony:<a href="/adres.strony.internetowej">Nazwa strony</a>Odsyłacz - adres poczty elektronicznej: <a href="mailto:autor@jego.adres">Imię i nazwisko</a> Grafika na stronie Na stronach WWW są stosowane 3 podstawowe formaty bitowych plików graficznych – GIF, JPG, PNG - które są z założenia skompresowane, a więc zajmują znacznie mniej miejsca jak grafika w innych formatach. Dzięki temu transmisja strony trwa znacznie krócej. Grafikę można wprowadzić za pomocą polecenia: <img src="/nazwa_pliku"> W najprostszym przypadku, gdy obrazek znajduje się w tym samym katalogu co dokument, wystarczy podać jego nazwę. Gdy grafiki gromadzimy na serwerze w odrębnym katalogu, konieczne jest podanie ścieżki dostępu. Na przykład: <img src="/../katalog/plik.gif">Zamiast tekstu jako odsyłacz można umieścić przycisk lub rysunek. Tekst na stronie <font face=xxx size=xxx color=xxx> kończy się znacznikiem </font> Color – kolor By usprawnić ustawienie elementów względem siebie można zastosować tabele. <table border=x bordercolor=xxx bgcolor=xxx cellspacing=x cellpadding=x> x=liczba xxx=kolor (oczywiście "bgcolor" można zastąpić atrybutem "background") Nic nie stoi na przeszkodzie by każda komórka miała swoje atrybuty. Parametr WIDTH daje możliwość zdefiniowania szerokości tabeli. Jest on "silniejszy" od innych parametrów, które wpływają na szerokość tabeli na ekranie. Zamiast wartości absolutnej w pikselach możemy także użyć go w wartości procentowej. Parametr WIDTH można wykorzystać także do zdefiniowania szerokości komórki, umieszczając go w ramach definicji wybranej komórki, np. <td width=100> </td>. Możemy zdefiniować nie tylko szerokość, ale i wysokość tabeli, podając parametr HEIGHT, wyrażony w pikselach lub procentach. Parametr ALIGN pozwala wyrównać tabelę w stosunku do marginesów strony i oblewającego ją tekstu, na przykład: <table border align=right> </table>. Parametr ALIGN możemy także wykorzystać do poziomego wyrównania zawartości komórki, używamy wówczas odpowiednio konstrukcji <td align =center></td> lub <td align=left> </td> lub <td align=right> </td>. Parametr VALIGN służy do pionowego wyrównania zawartości komórki - do górnego brzegu, do środka i do dolnego brzegu. Używa się wówczas odpowiednio konstrukcji:<td valign=top> </td> lub <td valign=middle> </td> lub <td valign=bottom> </td>.
|
