Przykłady HTML
Przykład elementu podstawowych tagów HTML
- Prosty plik HTML
- Ten przykład jest bardzo prostym plikiem HTML, który używa jak najmniej tagów HTML. Pokazuje, jak zawartość elementu body jest wyświetlana przez przeglądarkę.
- Prosty akapit
- Ten przykład pokazuje, jak tekst w elementach akapitowych jest wyświetlany przez przeglądarkę.
- Więcej akapitów
- Ten przykład pokazuje pewne domyślne zachowania elementów akapitowych.
- Problem 'poezji'
- Ten przykład pokazuje pewne problemy w formatacji HTML.
- Wycinanie
- Ten przykład pokazuje użycie wycinania w dokumentach HTML.
- Tytuł
- Ten przykład pokazuje znaczniki do wyświetlania tytułów w dokumencie HTML.
- Tytuł w centrum
- Ten przykład pokazuje tytuł w centrze.
- Pozioma linia
- Ten przykład pokazuje, jak wstawić poziomą linię.
- Ukryte komentarze
- Ten przykład pokazuje, jak wstawić ukryte komentarze do kodu źródłowego HTML.
- Kolor tła
- Ten przykład pokazuje, jak dodać kolor tła do strony HTML.
Wyjaśnienie przykładu
Przykład HTML z użyciem ramki
- Pionowa struktura ramki
- Ten przykład pokazuje, jak używać trzech różnych dokumentów do stworzenia pionowej struktury ramki.
- Pozioma struktura ramki
- Ten przykład pokazuje, jak używać trzech różnych dokumentów do stworzenia poziomej struktury ramki.
- Jak używać znacznika <noframes>
- Ten przykład pokazuje, jak używać znacznika <noframes>.
- Mieszana struktura ramki
- Ten przykład pokazuje, jak tworzyć strukturę ramki zawierającą trzy dokumenty, jednocześnie mieszcząc je w wierszach i kolumnach.
- Struktura ramki z atrybutem noresize="noresize"
- Ten przykład pokazuje atrybut noresize. W tym przykładzie framework jest niemodny w rozmiarze. Przeciąganie myszą po krawędziach ramki, odkryjesz, że krawędź nie może być przeniesiona.
- Struktura nawigacyjna
- Ten przykład pokazuje, jak tworzyć strukturę nawigacyjną. Struktura nawigacyjna zawiera listę linków, które mają jako cel drugi framework. Plik o nazwie "contents.htm" zawiera trzy linki.
- Wewnętrzne ramki
- Tworzenie wewnętrznych ramek (ramki w dokumencie HTML)
- Przejście do określonego sekcji w ramce
- Przejście do określonego sekcji w ramce
- Przejście do określonego sekcji za pomocą nawigacji ramkowej
-
Ten przykład pokazuje dwa ramki. Lewy ramka nawigacyjny zawiera listę linków, które wskazują na drugi ramka jako cel. Drugi ramka wyświetla dokumenty wskazane przez linki.
Wyjaśnienie przykładu
Przykłady 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.
- Pole wyboru
- Ten przykład pokazuje, jak utworzyć pole wyboru w HTML. Użytkownik może zaznaczyć lub odznaczyć pole wyboru.
- Przycisk wyboru
- Ten przykład pokazuje, jak utworzyć przycisk wyboru 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 wybranym przedmiotem (przyp. wybrany przedmiot to预先指定的首选项).
- Pole tekstowe (Textarea)
- Ten przykład pokazuje, jak utworzyć pole tekstowe (kontrolka wieloLINIOWEGO wejścia tekstu). Użytkownik może wpisać tekst w polu tekstowym. W polu tekstowym liczba dozwolonych znaków nie jest ograniczona.
- Tworzenie przycisku
- Ten przykład pokazuje, jak utworzyć przycisk. Możesz dostosować tekst na przycisku.
- Rama wokół danych
- Ten przykład pokazuje, jak otoczyć dane ramką z tytułem.
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 paskami wyboru
- Ten formularz zawiera dwa paski wyboru i przycisk potwierdzający.
- Formularz z paskami wyboru
- Ten formularz zawiera dwa paski wyboru i przycisk potwierdzający.
- Wysyłanie e-maila za pomocą formularza
- Ten przykład pokazuje, jak wysłać e-mail za pomocą formularza.
Wyjaśnienie przykładu
Przykład HTML obrazu
- Wstawianie obrazu
- Ten przykład pokazuje, jak wyświetlić obraz na stronie internetowej.
- Wstawianie obrazu z różnych miejsc
- Ten przykład pokazuje, jak wyświetlić obraz z innego folderu lub serwera na stronie internetowej.
- 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 tekście.
- Przesuwanie 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, atrybut zastępczy tekst informuje czytelników o utraconych informacjach. Dobra praktyka to dodanie atrybutu zastępczego tekstu do wszystkich obrazów na stronie.
- Tworzenie linku obrazu
- Ten przykład pokazuje, jak używać obrazu jako linku.
- Tworzenie mapy obrazu
- Ten przykład pokazuje, jak utworzyć obraz mapę z obszarami klikalnymi. Każdy obszar jest hiperłączeniem.
- Konwersja obrazu na mapę obrazu
- Ten przykład pokazuje, jak ustawić zwykłe obraz jako mapę obrazu.
Wyjaśnienie przykładu
