nagłówek - Kurs HTML i CSS
HTML5 / Otwierany panel <details, summary>(interpretuje: Firefox 49, Opera 15, Chrome 12) Panel domyślnie zamknięty: <details> <summary>nagłówek</summary> ... </details> Panel domyślnie otwarty: <details open> <summary>nagłówek</summary> ... </details> Na stronach internetowych bardzo często spotykamy interaktywne elementy w postaci paneli, które otwierają się po kliknięciu w ich nagłówek myszką. Tego typu rozwiązanie jest szczególnie przydatne na stronach, zawierających dużo informacji. Aby nie przytłoczyć użytkownika...
Dobre praktyki / CSS Zorientowane Obiektowo...Obiekty Popatrz przez chwilę na dowolną stronę WWW (tak, możesz spojrzeć również na stronę, którą właśnie czytasz 🙂). Zwykle zawiera ona m.in.: nagłówek menu artykuł stopkę Każdy z tych elementów z naszego punktu widzenia jest właśnie obiektem. Obiekt CSS to wizualnie samodzielny element strony. Artykuł potrafi wyświetlić się poprawnie bez nagłówka ani stopki serwisu. Taki sposób przedstawiania elementów strony jest dla człowieka bardziej intuicyjny niż pojmowanie jej jako zbiór...
- Dobre praktyki / Przykazania webmastera
...być odpowiednio wyeksponowane. Niedopuszczalne jest, aby użytkownik szukał ich gdzieś w treści obszernego artykułu. Dobre miejsce na nawigację to nagłówek serwisu (poziome menu) oraz lewa lub prawa kolumna (pionowe menu lub menu z nagłówkami). Czasami w nagłówku umieszcza się powtórzoną nawigację, która zbiera najważniejsze odnośniki z całego serwisu. Podobnie coraz częściej powtórzona nawigacja pojawia się w stopce serwisu, ale w odróżnieniu od linków nagłówkowych, może zawierać znacznie...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...Tytuł piątego poziomu <h5>...</h5> Tytuł szóstego poziomu (najniższej podsekcji) <h6>...</h6> wyświetlanie: w bloku Aby nadać tytuł (nagłówek) jakiejś części tekstu (rozdziałowi, sekcji), możesz użyć tej komendy. Istnieje sześć rzędów tytułów. Najwyższym rzędem jest rząd pierwszy: <h1>...</h1>, a najniższym - szósty: <h6>...</h6>. Tytuł wyższego rzędu jest pisany większą czcionką. Znaczniki tytułów (nagłówków) nie mogą zawierać elementów blokowych. Dla zainteresowanych Jeśli...
- XHTML / Wymagania stawiane dokumentom XHTML
...kodowanie znaków w dokumencie jest inne niż UTF-8 i UTF-16, a jednocześnie kodowanie nie jest określone przez żaden protokół wyższego rzędu, jak np. nagłówek HTTP "Content-Type" wysyłany przez serwer. Oto przykład typowego dokumentu XHTML (1.0) z dołączoną deklaracją XML: <?xml version="1.0" encoding="ISO-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head>...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
- HTML5 / Sekcja <section>
<section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. Treść sekcji może być dodatkowo podzielona na podsekcje - poprzez umieszczenie w elementach głównych sekcji dodatkowych znaczników SECTION. W takim przypadku mamy do...
- Kolory CSS / Wykaz kolorów systemowych
Kolor Definicja Nazwa Objaśnienie ActiveBorder Active window border Obramowanie aktywnego okna ActiveCaption Active window caption Nagłówek aktywnego okna AppWorkspace Background color of multiple document interface Kolor tła wielodokumentowego interfejsu (MDI) Background Desktop background Tło pulpitu ButtonFace Face color for three-dimensional display elements Powierzchnia czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for...
- Menu w CSS / Menu z nagłówkami
Choć wykonanie menu w oparciu o listę daje naprawdę duże możliwości, to powstaje mały problem, jeśli przed blokiem ma się wyświetlić nagłówek w formie tytułu działu. Istnieje inny element, który zapewnia taki podział pozycji - lista definicyjna (słownik). Specyfikacja HTML 4.01 podaje alternatywne zastosowania tego znacznika - np. do przedstawiania dialogu. Można zatem przyjąć, że lista definicyjna reprezentuje pozycje połączone ze sobą w taki sposób, że zawartość <dd>...</dd> stanowi...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy. Po uruchomieniu edytora HTML należy wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany. Oto jak przykładowo powinny...