strona - Kurs HTML i CSS
Języki / Skróty nazw języków...Wstęp W tabelach poniżej znajdziesz skróty literowe nazw języków, które mają zastosowanie podczas definiowania języka, w którym napisana jest strona oraz jako wartość atrybutu lang="..." wskazującego język pojedynczego elementu strony. Kody języków mogą być jednoczłonowe lub dwuczłonowe: Pierwszy człon (wymagany), najczęściej pisany małymi literami, zawsze określa język mówiony. Drugi człon (opcjonalny), zwyczajowo pisany wielkimi literami, może wskazywać kraj, terytorium lub...
- HTML5 / Zdarzenia HTML5
...z atrybutem popover, gdy przechodzą z widocznego na ukryty stan lub odwrotnie. beforeunload onbeforeunload Window Uruchamia się w Window, gdy strona ma zostać zamknięta, umożliwiając wyświetlenie ostrzeżenia. blur onblur Elementy, Window Uruchamia się na węzłach, gdy przestają być one fokusowane. cancel oncancel Elementy CloseWatcher, dialog, input Uruchamia się na obiektach CloseWatcher lub elementach dialog, gdy otrzymują żądanie zamknięcia, lub na elementach input, gdy...
- Ikony (symbole) / Formatowanie tekstu
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...
HTML dla zielonych / Ćwiczenia...plików (w systemie Windows możesz użyć np. Eksploratora plików) i dwukrotnie kliknij ikonę stworzonego właśnie dokumentu. Dzięki temu Twoja strona otworzy się w przeglądarce. Za każdym razem kiedy coś na niej zmienisz, po prostu ponownie zapisz plik w edytorze, a następnie przełącz się do przeglądarki i odśwież stronę (klawisz F5), aby zobaczyć efekty. Wróć do edytora HTML. Podziel tekst na akapity, tak aby był wygodniejszy w czytaniu. Wybierz fragmenty tekstu, na które Twoim...
- HTML dla zielonych / Gotowiec HTML
...miejscach. Jeśli nie masz zatem pomysłu na projekt graficzny swojego serwisu, radzę poszukać ciekawego szablonu w sieci. Dzięki temu Twoja strona na pewno nie będzie "straszyła" internautów 😉 Jeżeli nie chcesz korzystać z gotowych rozwiązań, przy tworzeniu własnego szablonu WWW pomoże Ci generator zamieszczony tutaj. Dzięki niemu w kilka minut skonfigurujesz własny, dopasowany do Twoich wymagań szablon HTML. ✅ Rozpocznij konfigurację szablonu Jednak nawet jeśli zdecydujesz się...
Czcionki CSS / Czcionki osadzone @font-face...w rozdziale pt. Rodzaj czcionki, ustalenie kroju czcionki wcale nie jest takie proste. O czcionce przy użyciu której zostanie wyświetlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie operacyjnym). Praktycznie nie można przewidzieć rezultatu, gdyż na dobrą sprawę nie wiemy, jaki system posiada internauta odwiedzający nasz serwis. Używanie podstawowych rodzajów czcionek ('Times New Roman', Arial, 'Courier New', Helvetica) nie zawsze musi nam...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...będzie dostępu do linków znajdujących się w tej sekcji menu (po kliknięciu menu nie zdąży się rozwinąć, ponieważ natychmiast zostanie wczytana nowa strona - musi zostać rozwinięte na starcie po wczytaniu nowej strony). Zwracam uwagę, że w takim przypadku nie będzie możliwości bezpośredniego zwinięcia takiej sekcji menu bez wczytania nowej strony. Element... Rozwijane elementy (<dd>...</dd>), przynależące do kolejnych, poprzedzających nagłówków menu (<dt>...</dt>). Tutaj również nie ma...
- Menu drzewiaste / Skrypt menu drzewiastego
...CSS (m.in. arkusze stylów i klasy selektorów) Skrypt menu drzewiastego Aby uzyskać menu drzewiaste, utwórz plik tree.css w tym samym katalogu co strona i zapisz w nim: ul.tree { display: block; margin-left: 0; padding-left: 0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li { display: block; list-style-type: none; padding-left: 20px; background-image: url("document.gif"); background-position: left top...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
...<meta http-equiv="refresh" content="s; url=Tu podaj adres strony lub ścieżkę dostępu"> </head> s Czas, po którym zostanie załadowana podana strona (w sekundach) Tu podaj adres strony lub ścieżkę dostępu Adres lub ścieżkę dostępu do strony, która ma być wczytana Polecenie to pozwala na automatyczne wczytanie podanej strony. Załadowanie nastąpi po określonym przez nas czasie (podanym w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu. Polecenie to jest często...
- Nagłówek i treść HTML / Tytuł strony <title>
<head> <title>Tytuł strony</title> </head> Każdy dokument HTML (podstrona serwisu) posiada własny tytuł. Może on zawierać dowolny tekst, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt...