spis treści - Kurs HTML i CSS
Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}(CSS 3 - interpretuje Internet Explorer 10, Firefox, Opera 12, Chrome) Spis treści {align-items, align-self} Wspólne wyrównanie wiersza {align-items} Indywidualne wyrównanie wiersza {align-self} Wspólne wyrównanie wiersza {align-items} selektor { align-items: wyrównanie } Selektorem może być kontener elastyczny. Wyrównanie: flex-start - wyrównanie wiersza do początkowej krawędzi kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wiersza (dla tekstu w języku...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutnaSpis treści Pozycja absolutna Inicjalizacja Menu otwierane Szczególnie dla menu otwieranego dość nieprzyjemną właściwością jest fakt, że przy jego rozwijaniu elementy poniżej są przesuwane w dół. Można temu zapobiec określając odpowiednią pozycję absolutną bloku. Oczywiście można to zrobić bezpośrednio dodając odpowiednie deklaracje CSS. Jednak trzeba przewidzieć, co się stanie, jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod...
- Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów
Spis treści Kolekcje dokumentów Wyrażenia regularne Kolekcje dokumentów Zwykle kiedy publikowany artykuł jest dość długi, dzieli się go na osobne części, dzięki czemu czytelnik nie będzie musiał wczytywać całego tekstu od razu. W takim przypadku w menu umieszcza się najczęściej link tylko do pierwszej części artykułu, a na końcu treści wstawia nawigację stronicującą. Niestety ponieważ adres URL każdej kolejnej części podzielonego artykułu jest różny, właściwa gałąź menu zostanie otwarta...
- Ochrona strony
Spis treści Ochrona strony Blokada prawego klawisza myszki Blokada zaznaczania i kopiowania tekstu Blokada przeciągania elementów strony Blokada drukowania Blokada zapisu wybranych zdjęć Blokada paska narzędziowego obrazów Blokada klawisza Print Screen Podsumowanie Ochrona strony Czasami zdarza się, że chcemy opublikować w sieci jakieś ważne informacje. Zależy nam jednak, aby można się było z nimi zaznajomić tylko bezpośrednio na naszej stronie WWW i nie chcemy udostępniać takich...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?Spis treści Wstęp HTML5 XHTML HTML 4.01 Wstęp Aby osadzić kod JavaScript na stronie internetowej, należy posłużyć się znacznikiem SCRIPT. Sam sposób osadzenia będzie się nieco różnił w zależności do wersji użytego języka (X)HTML (patrz poniżej). HTML5 W języku HTML5 można to zrobić następująco: <script> /* Tutaj umieść kod skryptu. */ </script> Jeżeli ten sam skrypt chcemy osadzić na kilku podstronach, możemy zapisać go w pliku z rozszerzeniem *.js i potem wstawić do niego...
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...połączyć między sobą. Należy umieścić w wybranym miejscu odsyłacze do wszystkich podstron. Zwykle przeznacza się na to osobną stronę, która stanowi spis treści i zawiera ułożone kolejno odsyłacze do wszystkich podstron serwisu. Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca: <a href="względna ścieżka dostępu do podstrony">opis odsyłacza</a> Zasady wpisywania ścieżki dostępu są takie same jak w przypadku obrazków. Natomiast zamiast: "opis odsyłacza", należy...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
Spis treści <meta "author", link "author"> Autor dokumentu <meta "author"> Strona autora <link "author"> Autor dokumentu <meta "author"> <head> <meta name="author" content="Tu wpisz swoje imię i nazwisko"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono podać informację o fizycznej osobie będącej autorem strony. Strona autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z...
- I co dalej... / Płatne serwery
Spis treści Wstęp Rodzaje hostingu Serwer a domena internetowa Czym się różnią płatne usługi hostingowe od darmowych? Na co zwrócić uwagę wybierając płatny hosting? Ile kosztuje hosting strony WWW? Wstęp Czasem z różnych względów darmowe serwery nie będą wystarczające na potrzeby tworzonej strony WWW. Wtedy ze swoją ofertą wkraczają firmy hostingowe oferujące płatne usługi hostingowe. Czy (i kiedy) warto z nich skorzystać? Czym się różnią od darmowych? Jak je wybrać? Ile kosztują...
- Języki / Skróty nazw języków
Spis treści Wstęp Wykaz języków Odmiany 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...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...