spis treści - Kurs HTML i CSS
Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">(e-mail) Spis treści <a "mailto"> Odsyłacz pocztowy <a "mailto"> Ochrona adresu e-mail Dodatkowe parametry odsyłacza pocztowego Odsyłacz pocztowy <a "mailto"> <a href="mailto:adres e-mail">opis</a> gdzie jako "adres e-mail" należy podać adres poczty elektronicznej osoby, do której ma zostać wysłany list (np.: jan_kowalski@example.com). Dzięki temu odsyłaczowi, użytkownicy oglądający Twoją stronę, będą mogli wysłać list e-mail pod adres podany w poleceniu. Po kliknięciu takiego...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikumSpis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt...
- HTML5 / Okno dialogowe <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog">
Spis treści <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog"> Okno dialogowe Domyślnie otwarte okno dialogowe <dialog open closedby, button "button" command commandfor> Modalne okno dialogowe <dialog closedby, button "button" command commandfor> Formularz dialogowy <form "dialog", button "dialog"> Okno dialogowe Okno dialogowe to element znany z różnego typu aplikacji komputerowych w postaci zwykle niewielkiego okienka, wymagającego od...
- Widżety HTML / Ramki lokalne <iframe>
pływające (ang. inline) Spis treści <iframe> Ramki lokalne <iframe> Rozmiar ramki <iframe width height> Nazwa ramki <iframe name> Ramki lokalne <iframe> <iframe src="lokalizacja"> <a href="lokalizacja">Tekst alternatywny</a> </iframe> gdzie jako "lokalizacja" należy podać adres strony albo lokalizację na dysku, gdzie znajduje się strona, która na ma zostać wczytana do ramki. Natomiast "Tekst alternatywny" wyświetli się tylko w przeglądarkach, które nie obsługują ramek lokalnych...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
Spis treści <form enctype accept-charset> Forma odszyfrowana <form enctype> Usunięcie polskich znaków z formularza Strona kodowa formularza <form accept-charset> Forma odszyfrowana <form enctype> <form action="..." enctype="text/plain">...</form> Formularze są wysyłane w formie zakodowanej, np. możesz otrzymać coś takiego...
- Języki / Strony kodowe
Spis treści UTF ISO Strony kodowe UTF W 1993 roku została opracowana specjalna strona kodowa tzw. Unicode. Jest to standard 16-bitowy i dzięki temu może zapisać aż 65536 znaków. Pozwala to umieścić w jednej stronie kodowej większość alfabetów świata, co sprawia, że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charsetSpis treści <link "stylesheet"> @charset Zewnętrzny arkusz stylów <link stylesheet> Strona kodowa @charset Zewnętrzny arkusz stylów <link "stylesheet"> <head> (...) <link rel="stylesheet" href="style.css"> (...) </head> gdzie "style.css" jest zewnętrznym arkuszem stylów. Natomiast znaki (...) oznaczają inne polecenia, które zwykle pojawiają się w nagłówku dokumentu, np. deklaracja strony kodowej. Możliwość wstawiania zewnętrznego arkusza jest chyba jedną z największych zalet...
- Selektory specjalne CSS / Klasy selektorów <... class>
Spis treści <... class> Klasy selektorów <... class> Lista klas Podzbiory klas Klasy selektorów <... class> selektor.klasa { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
Spis treści {background-attachment} Zaczepienie tła obrazkowego {background-attachment} Wielokrotne zaczepienie Zaczepienie tła obrazkowego {background-attachment} (interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-attachment: zaczepienie } Jako "zaczepienie" należy wpisać: scroll - przewijanie tła (domyślnie) fixed - tło nieruchome względem okna przeglądarki local - tło nieruchome względem elementu (jeśli posiada on suwaki), ale przewijane względem...
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...