Przykłady HTML
Przykład znaczników podstawowych HTML
- Prosty plik HTML
- Ten przykład jest bardzo prostym plikiem HTML, który używa jak najmniej znaczników HTML. Pokazuje, jak zawartość elementu body jest wyświetlana przez przeglądarkę.
- Prosty akapit
- Ten przykład pokazuje, jak tekst w elemencie akapitowym jest wyświetlany przez przeglądarkę.
- Więcej akapitów
- Ten przykład pokazuje pewne domyślne zachowania elementów akapitowych.
- Problem z poezją
- Ten przykład pokazuje pewne problemy z formatowaniem HTML.
- Wcięcia
- Ten przykład pokazuje użycie wcięć w dokumencie HTML.
- Tytuł
- Ten przykład pokazuje znaczniki do wyświetlania tytułów w dokumencie HTML.
- Tytuł wyśrodkowany
- Ten przykład pokazuje tytuł wyśrodkowany.
- Pozioma linia
- Ten przykład pokazuje, jak wstawiać poziome linie.
- Ukryte komentarze
- Ten przykład pokazuje, jak wstawiać ukryte komentarze w kodzie źródłowym HTML.
- Kolor tła
- Ten przykład pokazuje, jak dodać kolor tła do strony HTML.
Wyjaśnienie przykładu
Przykład HTML ramki
- Pionowa struktura ramkowa
- Ten przykład pokazuje, jak stworzyć pionową strukturę ramkową z trzema różnymi dokumentami.
- Pozioma struktura ramkowa
- Ten przykład pokazuje, jak stworzyć poziomą strukturę ramkową z trzema różnymi dokumentami.
- Jak używać znacznika <noframes>
- Ten przykład pokazuje, jak używać znacznika <noframes>.
- Mieszana struktura ramkowa
- Ten przykład pokazuje, jak stworzyć strukturę ramkową zawierającą trzy dokumenty, które są mieszane w wierszach i kolumnach.
- Struktura ramki z atrybutem noresize="noresize"
- Ten przykład pokazuje atrybut noresize. W tym przykładzie ramki są nierozszerzalne. Przeciągnięcie myszy po krawędzi ramki, zobaczysz, że krawędź nie można przesunąć.
- Struktura nawigacyjna
- Ten przykład pokazuje, jak stworzyć strukturę nawigacyjną. Struktura nawigacyjna zawiera listę linków, które mają jako cel drugą strukturę. Plik o nazwie "contents.htm" zawiera trzy linki.
- Wewnętrzna ramka
- Tworzenie wewnętrznej ramki (ramki w dokumencie HTML)
- Tworzenie wewnętrznej ramki (ramki w dokumencie HTML)
- Przeskakiwanie do określonej sekcji w ramce
- Użycie nawigacji ramkowej do przeskakiwania do określonego sekcji
-
Ten przykład pokazuje dwa ramki. Lewa ramka nawigacyjna zawiera listę linków, które wskazują na drugą ramkę jako cel. Druga ramka wyświetla dokumenty wskazane przez linki.
Wyjaśnienie przykładu
Przykład formularzy HTML i wejściowych
- Pole tekstowe (Text fields)
- Ten przykład pokazuje, jak utworzyć pole tekstowe w stronie HTML. Użytkownik może wpisać tekst w polu tekstowym.
- Pole hasła
- Ten przykład pokazuje, jak utworzyć pole hasła w HTML.
- Checkbox
- Ten przykład pokazuje, jak utworzyć checkbox w HTML. Użytkownik może zaznaczyć lub odznaczyć checkbox.
- Radio button
- Ten przykład pokazuje, jak utworzyć radio button w HTML.
- Prosta lista rozwijana
- Ten przykład pokazuje, jak utworzyć prostą listę rozwijaną w stronie HTML. Lista rozwijana to lista opcjonalna.
- Inna lista rozwijana
- Inny przykład listy rozwijanej z预先指定了的首选项。
- Pole tekstowe (Textarea)
- Ten przykład pokazuje, jak utworzyć pole tekstowe (kontrolka wejściowa wieloliniowego tekstu). Użytkownik może wpisać tekst w polu tekstowym. W polu tekstowym nie ma ograniczeń dotyczących liczby znaków.
- Tworzenie przycisku
- Ten przykład pokazuje, jak utworzyć przycisk. Możesz dostosować tekst na przycisku.
- Rama wokół danych
- Ten przykład pokazuje, jak narysować ramkę z tytułem wokół danych.
Przykład formularza
- Formularz z polami wejściowymi i przyciskiem potwierdzającym
- Ten przykład pokazuje, jak dodać formularz do strony. Formularz zawiera dwa pola wejściowe i przycisk potwierdzający.
- Formularz z polami wyboru
- Ten formularz zawiera dwa pola wyboru i przycisk potwierdzający.
- Formularz z polami radiowymi
- Ten formularz zawiera dwa pola radiowe i przycisk potwierdzający.
- Wysyłanie e-maila z formularza
- Ten przykład pokazuje, jak wysłać e-mail z formularza.
Wyjaśnienie przykładu
Przykład HTML obrazu
- Wstawianie obrazu
- Ten przykład pokazuje, jak wyświetlić obraz na stronie.
- Wstawianie obrazu z różnych miejsc
- Ten przykład pokazuje, jak wyświetlić obraz z innego folderu lub serwera na stronie.
- Obraz tła
- Ten przykład pokazuje, jak dodać obraz tła do strony HTML.
- Wstawianie obrazu
- Ten przykład pokazuje, jak wstawiać obraz w tekst.
- Przesunięcie obrazu
- Ten przykład pokazuje, jak przesunąć obraz do lewej lub prawej strony akapitu.
- Dostosowanie rozmiaru obrazu
- Ten przykład pokazuje, jak dostosować rozmiar obrazu.
- Wyświetlanie zastępczego tekstu dla obrazu
- Ten przykład pokazuje, jak wyświetlić zastępczy tekst dla obrazu. Jeśli przeglądarka nie może załadować obrazu, zastępczy tekst informuje czytelników o utraconych informacjach. Dobrym zwyczajem jest dodanie atrybutu zastępczego do wszystkich obrazów na stronie.
- Tworzenie linku obrazu
- Ten przykład pokazuje, jak używać obrazu jako linku.
- Tworzenie obrazu mapy
- Ten przykład pokazuje, jak stworzyć obraz mapę z obszarami klikalnymi. Każdy obszar to link.
- Konwersja obrazu na obraz mapę
- Ten przykład pokazuje, jak ustawić zwykłe obrazu jako obraz mapę.
Wyjaśnienie przykładu
