przeglądarki - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...żądań HTTP, co ma duży wpływ na szybkość ładowania strony zwłaszcza dla użytkowników, którzy pierwszy raz odwiedzają serwis, a więc ich przeglądarki nie mają jeszcze zapisanych w lokalnej pamięci cache żadnych obrazków ze strony. Badania wykazują, że aż 40-60% użytkowników przeciętnego serwisu może należeć do tej grupy. Technika zapisywania wielu grafik w jednym pliku nosi nazwę "duszki" CSS (ang. CSS sprites). Nazwa ta pochodzi z czasów komputerów 8-bitowych, gdzie mianem...
- Komendy CSS3 / Kolory CSS
Źródło: CSS Color Module Level 3 Spis treści color opacity color Kolor pierwszoplanowy Wartość <color> | inherit Inicjalizacja zależy od przeglądarki Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie opacity Przezroczystość Wartość <alphavalue> | inherit Inicjalizacja 1 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie
Tekst HTML / Pozioma linia <hr>...tej samej sekcji podręcznika - przez co strona staje się bardziej czytelna i przejrzysta. Wygląd poziomej linii może się różnić w zależności od przeglądarki. Przykład <hr> Przykład Pytania i odpowiedzi <hr "border-width"> Co to jest HR w HTML? Jest to element wstawiający na stronie poziomą linię (ang. horizontal rule). Możemy jej użyć np. aby rozdzielić sąsiednie części rozdziału, które co prawda różnią się od siebie tematycznie, ale nie tak bardzo, aby podzielić je na osobne...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
Spis treści @counter-style Niestandardowy typ stylu wykazu @counter-style System cykliczny @counter-style {system: cyclic} System ustalony @counter-style {system: fixed} System symboliczny @counter-style {system: symbolic} System alfabetyczny @counter-style {system: alphabetic} System numeryczny @counter-style {system: numeric} System addytywny @counter-style {system: additive} Ujemne numery wykazu @counter-style {negative} Przedrostek i przyrostek wykazu @counter-style {prefix...
- HTML5 / Zdarzenia HTML5
Zdarzenie HTML to określona sytuacja lub akcja, która zachodzi w interfejsie użytkownika i może wywołać reakcję przeglądarki lub skryptu (JavaScript). Przykładami zdarzeń są kliknięcie myszą, załadowanie strony, zmiana wartości w formularzu czy rozpoczęcie odtwarzania pliku multimedialnego. Zdarzenia pozwalają tworzyć dynamiczne i interaktywne strony internetowe, reagujące na działania użytkownika. Zdarzenia w HTML można przypisywać bezpośrednio do elementów jako atrybuty, dodając przedrostek...
- Podcast HTML / #9 HTML5
...nowych znaczników semantycznych, aby uczynić sieć bardziej dostępną. Uproszczona deklaracja typu dokumentu to <!doctype html>, która nie przełącza przeglądarki w tryb Quirks. Uproszczono również deklarację strony kodowej do <meta charset="utf-8">. Nowe elementy semantyczne i strukturalne W języku HTML5 wprowadzono nowe elementy, które tworzą sekcje lub grupują zawartość, w tym: Sekcje: <article>, <aside>, <nav>, <section>. Znaczniki grupujące: <figure>, <figcaption>, <main>, <search>...
- Odsyłacze HTML / Odnośniki hipertekstowe
Odsyłacze - inaczej hiperłącza, odnośniki hipertekstowe, linki - stanowią całą istotę Internetu. Bez nich byłby on jedynie wielką siecią do pobierania "suchych" danych, a dokumenty znajdujące się w niej, nie byłyby w żaden sposób ze sobą powiązane. Praktycznie na każdej stronie WWW spotyka się odsyłacze. Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Przy czym strona taka może wchodzić w skład tego samego...
- Odsyłacze HTML / Do podstrony <a href>
...tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza (ścieżka dostępu pojawia się jedynie na pasku statusu przeglądarki). Praktycznie każdy serwis internetowy składa się z pewnej ilości podstron, zapisanych w osobnych plikach HTML. Aby umożliwić w nich nawigację, wstawia się właśnie takie polecenia, odnoszące się do wszystkich podstron serwisu. Jest to pomocne przy tworzeniu spisu treści, chociaż hiperłącza mogą znajdować się również w zwykłym...
- Odsyłacze HTML / Do adresu internetowego <a "http, https">
...do dowolnych stron w obrębie całego Internetu. Jeśli surfując w sieci, trafimy na jakąś ciekawą stronę, możemy skopiować jej adres (z paska adresu przeglądarki) i umieścić w odsyłaczu. Dzięki temu wszyscy użytkownicy odwiedzający naszą witrynę, będą mogli przenieść się bezpośrednio do wskazanej strony, bez potrzeby wpisywania jej adresu. Przykład <a "https"> Odsyłacz do portalu internetowego onet.pl
- Formularze HTML / Grupowanie pól <fieldset, legend>
...Pozwala zgrupować tematycznie kilka pól formularza, dzięki czemu zostają one objęte ramką. Wygląd ramki grupującej może się różnić w zależności od przeglądarki. W drugiej z podanych wersji powoduje pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po znaczniku otwierającym <fieldset> oraz nie może zawierać elementów blokowych. Przykład <fieldset, legend> Wybierz opcję: Opcja 1 Opcja 2 Opcja 3 Wpisz...