nagłówek - Kurs HTML i CSS
Komendy HTML 4.01 / LEGENDPrzypisuje nagłówek (legendę) do elementu FIELDSET. Zobacz więcej... Atrybuty: ACCESSKEY="znak" Przypisuje klawisz dostępu do elementu ALIGN="ustawienie" Określa ustawienie w stosunku do elementu FIELDSET (zdeprecjonowane): bottom - na dole left - po lewej right - po prawej top - na górze (domyślnie) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od...
- Ikony (symbole) / Typowe akcje
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 Koło konta account_circle account_circle Informacje info info Widoczność visibility visibility Miesiąc kalendarza calendar_month calendar_month Harmonogram schedule schedule Ostrzeżenie warning warning Pomoc help help Język language...
- 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...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...10 min - Ćwiczenie praktyczne: utworzenie strony z tytułem, nagłówkami, akapitem i odsyłaczem Uczniowie tworzą dokument HTML zawierający: tytuł, nagłówek, akapit z tekstem, odsyłacz do zewnętrznej strony. Używają interaktywnego edytora lub osobnego edytora HTML, aby wprowadzić zmiany i wyświetlić stronę w przeglądarce. 5 min - Omówienie błędów, wspólna analiza kodu Nauczyciel analizuje błędy popełnione przez uczniów, wyjaśnia je i udziela wskazówek, jak je poprawić. 5 min - Zadanie...
Selektory pseudoklas CSS / Atrybut języka :lang...podczas gdy użycie pseudoklasy pozwala na bardziej inteligentny wybór - uwzględniając dziedziczenie języka określonego przez inne źródła, tj. nagłówek HTTP Content-Language, język strony, propagację atrybutu lang="..." przypisanego dla elementu nadrzędnego: <body lang="pl"> <p>Ten akapit jest napisany w języku polskim.<p> </body> /* Ta reguła zostanie zastosowana: */ p:lang(pl) { color: red } /* Ta reguła nie zostanie zastosowana: */ p[lang|="pl"] { color: blue } Przykład :lang Po...
- Kaskadowe Arkusze Stylów / Cascading Style Sheets
...wywodzi się od SGML (Standard Generalized Markup Language - Standardowy Uogólniony Język Oznaczania). SGML miał opisywać ogólną strukturę strony: nagłówek oraz ciało dokumentu, w którym mogły znajdować się akapity z tekstem, wykazy, tabele i inne elementy. SGML odpowiada tylko za wstawienie tych elementów, ale nie określa ich wyglądu. Jak łatwo się domyślić, szybko przestało to wystarczać - dlatego wprowadzono HTML. Zawarcie poleceń formatujących w samym HTML spowodowało jednak, że...
AutoIFRAME / Dlaczego to nie działa?...zostało umieszczone w nagłówku odwołanie do pliku skryptu autoiframe.js? Czy odwołanie aby nie zostało wstawione w miejscu innym niż nagłówek dokumentu (<head>...</head>)? Czy w tym samym katalogu co podstrony znajduje się plik autoiframe.js z zawartością skryptu? Czy plik nie został nazwany przypadkiem Autoiframe.JS (wielkość liter ma znaczenie!) itp.? Czy zawartość wszystkich skryptów została skopiowana w trybie prostym? Niektóre edytory razem z kopiowanym kodem wklejają...
- Pozycjonowanie CSS / Wyświetlanie {display}
...inline-table - tabela "inline": <table>...</table> table-row-group - grupa wierszy tabeli: <tbody>...</tbody> table-header-group - nagłówek tabeli: <thead>...</thead> table-footer-group - stopka tabeli: <tfoot>...</tfoot> table-row - wiersz tabeli: <tr>...</tr> table-column-group - grupa kolumn tabeli: <colgroup>...</colgroup> table-column - kolumna tabeli: <col> table-cell - komórka tabeli: <td>...</td>, <th>...</th> table-caption - tytuł (podpis) tabeli...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...się ponad innymi elementami strony, należy zadbać, aby posiadało ustawione tło. W przeciwnym razie będzie nieczytelne! Przykład Wskaż poniższy nagłówek menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze Zauważ, że po otworzeniu, menu przykrywa ten tekst. Inicjalizacja Domyślnie menu rozwija/otwiera/wysuwa się po załadowaniu strony, tak aby wyświetlić pozycję z odnośnikiem do aktualnie wczytanego dokumentu. Jednak czasami takie...
- Nagłówek i treść HTML / Tytuł strony <title>
...nagłówka dokumentu - tzn. wewnątrz elementu <head>...</head>. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem znacznik tytułu strony dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego! Ponadto w pliku *.html powinien się znajdować tylko jeden tytuł strony.