HTML

HTML HTML

Startowa

formularze

STRUKTURA FORMULARZA

<form action="*">

Pola formularza

</form>

WYSYŁANIE POCZTY

Aby wysłać wiadomość ze strony w poleceniu action należy podać adres e-mail oraz określić metodę:

 

method="post" (wysyłamy)

method="get" (pobieramy)

Przykład

<form action="mailto:Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript." method="post">

Pola formularza

</form>

RODZAJE PÓL FORMULARZA

pole tekstowe

pole opcji

pole wyboru

obszar tekstowy

lista wyboru

hasło

wysyłanie

czyszczenie zawartości

przycisk

POLE TEKSTOWE

Pole tekstowe określamy za pomocą input.

 

<form action="*">

<label>Nazwisko</label> <input type="text" name="nazwisko" />

</form>

 

multimedia

Osadzenie pliku

gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację na dysku, gdzie znajduje się żądany plik multimedialny.

Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy rozmiarów obrazu wtyczki, może on przyjąć wielkość, która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki.

Polecenie <embed /> jest przydatne jeśli chcemy wstawić na stronę jeden z plików multimedialnych:

 

*.wav - plik dźwiękowy typu "wav"

*.mid - plik dźwiękowy typu "midi"

*.avi - plik typu "avi"

*.ra - plik Real Audio Player

*.mp3 - plik dźwiękowy typu "mp3" (MPEG Layer-3)

*.mpeg - plik typu "mpeg"

*.mov - plik typu "mov"

*.asf - plik typu "asf"

i inne

Polecenie to współpracuje z różnymi wtyczkami (atrybut pluginspage="..."), dzięki którym teoretycznie może odtwarzać nowe formaty plików multimedialnych. Wtyczka (czyli plug-in) to specjalny niewielki program, który można doinstalować do przeglądarki, zwiększając jej możliwości. Po wywołaniu polecenia, wprost na stronie powinno zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik.

 

odsyłacze

Praktycznie na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). Umieszczenie wszystkiego w jednym pliku (index.html), absolutnie nie jest wskazane (chyba że Twoja strona jest naprawdę krótka)!

<a href="/względna ścieżka dostępu do podstrony">opis odsyłacza</a>

Znalezione obrazy dla zapytania odsyłacze html

tabele

Tabela HTML

Kolejnym sposobem prezentowania i grupowania danych w języku Html jest tabela. Sposób prezentowania danych w tabeli html jest taki sam jak w każdej innej tabeli, którą znamy z życia codziennego.Tabele tworzymy przy użyciu elementu <table>.

<table>

 

</table>

<tr>

Jednak, żeby tabela powstała, musimy do niej dodać jeszcze wiersze oraz umieścić tam komórki. Wiersze do tabeli dodajemy poprzez element <tr> (ang. table row – wiersz tabeli).

<table>

  <tr></tr>

</table>

<td>

Żeby nasza tabela była kompletna i poprawnie wyświetlała dane, należy jeszcze dodać do niej komórki. Komórki tabeli dodajemy poprzez element <td> (ang. table data, table cell – dane tabeli, komórka tabeli). Do rozwijania skrótu td powszechnie używa się table cell, jednak nazwa pochodzi od table data.

 

<table>

  <tr>

    <td>Treść</td>

  </tr>

</table>

<th>

Mamy już treść tabeli. Przydałoby się jeszcze oznaczyć czego dotyczą nasze dane. W tym celu posłużymy się nagłówkiem tabeli. Nagłówek taki uzyskujemy poprzez zastosowanie elementu <th> (ang. table heading). Element ten stosujemy tak jak zwykłą komórkę tabeli, czyli <td>. Nagłówki również umieszczamy w wierszach tabeli, czyli elementach <tr>.

 

1. Nagłówek Kolumny

<table>

  <tr>

    <th>Nagłówek kolumny</th>

  </tr>

  <tr>

    <td>wiersz</td>

  </tr>

 </table>

 

 

 

 

 

czcionka

<font>...</font>

Dzięki temu poleceniu, możesz określić wiele parametrów dotyczących pisanego tekstu. Poniżej zostanie przedstawiona ich lista.

Wielkość czcionki

Wartość bezwzględna

<font size="n">...</font>

gdzie "n" oznacza wielkość pisma (1 - najmniejsza, 7 - największa, 3 - domyślna)

Wartość względna

<font size="+n">...</font>

lub

<font size="-n">...</font>

gdzie "+n" oznacza czcionkę o "n" większą od aktualnej. Natomiast "-n" oznacza czcionkę o "n" mniejszą od bieżącej.