Archiwum z Marzec 2008

Jak zastosować metaznaczniki

środa, 19 Marzec 2008

W artykule Metaznaczniki – czy warto je stosować? opisane jest zastosowanie metaznaczników. Brakuje tam jednak kilku istotnych informacji.

Po pierwsze, nie ma tam nic o tym że znaczniki te powinny być umieszczane wyłącznie w sekcji <head> dokumentu HTML.

Po drugie, znacznik meta określający kodowanie polskich znaków powinien być umieszczony jako pierwszy znacznik w tej sekcji, a w szczególności przed znacznikiem <title>. Taka kolejność jest istotna, gdyż niektóre przeglądarki mogą zawierać błąd i nie znając sposobu kodowania polskich znaków zamiast polskich znaków w tytule wyświetlą jakieś krzaczki.

Warto też dodać że kodowanie polskich znaków można też określić po stronie serwera w jego konfiguracji, tak aby nagłówek Content-type wysyłany przez serwer do przeglądarki zawierał już właściwe określenie sposobu kodowania polskich znaków.

Jak połączyć komórki tabeli

niedziela, 16 Marzec 2008

Do łączenia komórek w tabeli służą atrybuty colspan (łączenie kolumn) i colspan (łączenie wierszy. Aby połączyć kilka kolejnych wierszy lub kolumn w jedną komórkę, należy użyć jednego lub obydwu tych atrybutów, i podać ile kolejnych wierszy bądź kolumn powinno być połączone razem.

Przykład:

<table border="1">
<tr>
<td rowspan="2">Język HTML</td>
<td colspan="2">Tworzenie stron WWW</td>
</tr>
<tr>
<td>PHP</td>
<td>SQL</td>
</tr>
</table>
Język HTML Tworzenie stron WWW
PHP SQL

Jak wstawić poziomą linię na stronę

niedziela, 16 Marzec 2008

W HTML można utworzyć poziomą linię za pomocą znacznika <hr>.


Jak widać powyżej, linia rozciąga się na całą szerokość elementu w którym jest osadzona. Można jednak zmienić jej długość za pomocą atrybutu width, gdzie można podać długość linii w pikselach lub w procentach:

<hr width="50%">

Taka linia jest domyślnie wycentrowana. Aby to zmienić, można użyć atrybutu align. Poszczególne jego wartości oznaczają: left – wyrównanie do lewej, center – wyrównanie linii do środka i right – wyrównanie do prawej.

<hr width="50%" align="left">
<hr width="50%" align="center">
<hr width="50%" align="right">




Istnieje też atrybut size, za pomocą którego można określić wysokość linii. Można w ten sposób utworzyć pionową linię:

<hr width="10" size="50">

Jak zrobić żeby przycisk radio był domyślnie zaznaczony

niedziela, 16 Marzec 2008

Aby w formularzu HTML przycisk radio (<input type=”radio”>) był domyślnie zaznaczony, trzeba dodać do niego atrybut checked. Atrybut ten nie posiada wartości w HTML. Ponieważ jednak w XHTML musi mieć wartość, trzeba mu przypisać wartość “checked:”.

Przykład:

<input type="radio" checked>

Jak zrobić pętlę w JavaScript

niedziela, 16 Marzec 2008

Aby zrobić pętle w JavaScript należy użyć instrukcji for. Przykładowa pętla która liczy od 1 do 10 wygląda następująco:

for (n =  1; n <= 10; ++n)
    document.write(n + "<br>");

Powyższy skrypt JavaScript spowoduje wypisanie kolejnych liczb od 1 do 10, rozdzielonych znacznikami <br>.

Wewnątrz instrukcji for znajdują się trzy wyrażenia. Oto ich znaczenie:

  • n = 1 – przypisuje do zmiennej n (zwanej tutaj licznikiem pętli) wartość 1. Instrukcja ta wykona się dokładnie raz, przed rozpoczęciem pętli;
  • n <= 10 -warunek sprawdzający czy pętla powinna nadal się wykonywać. Jeżeli stanie się fałszywy, to pętla zakończy się;
  • ++n – instrukcja zwiększająca licznik pętli (czyli tutaj zmienną n) o jeden. Instrukcja ta wykonuje się po każdym obiegu pętli.

Ciałem pętli jest instrukcja document.write która jest wykonywana w każdym obiegu pętli. Jeżeli potrzebujesz wykonać więcej niż jedną instrukcję w pętli, otocz je wszystkie nawiasami klamrowymi { }.