blok - Kurs HTML i CSS
Selektory pseudoklas CSS / Atrybut języka :lang...with attribute <b>lang="en"</b>... <p>3. This is paragraph inside block, but without attribute lang.</p> <p lang="pl">4. To jest akapit wewnątrz bloku, który posiada atrybut <b>lang="pl"</b> i dlatego jego wygląd nie zmieni się, pomimo że blok nadrzędny posiada atrybut lang="en".</p> ...and this is end of block.</div> Na ekranie powinniśmy otrzymać pierwsze trzy akapity napisane kolorem czerwonym, a ostatni bez zmian: 1. This is paragraph with attribute lang="en". 2. This is paragraph...
- Selektory pseudoklas CSS / Łączenie selektorów
...<a href="?">Link1</a> <a href="?">Link2</a> <a href="?">Link3</a> </div> aby zmienić wygląd po wskazaniu wszystkich odsyłaczy z tego bloku, bez wpływu na pozostałe znajdujące się na stronie: Link1 Link2 Link3 Zmiana koloru obramowania obrazka po wskazaniu go myszką: img.przyklad_selektory3 { border: 5px solid black } a:hover img.przyklad_selektory3 { border: 5px solid red } Wskaż poniższy obrazek myszką: Inny ciekawy przykład - tym razem z automatycznym generowaniem...
- Komendy CSS3 / Przyciąganie przewijania CSS
...Wartość <length>{1,2} Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie scroll-margin-block-end Koniec bloku marginesu przewijania Wartość <length> Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie scroll-margin-block-start Początek bloku marginesu przewijania Wartość <length> Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie scroll-margin-bottom Dolny margines przewijania...
HTML5 / Napisy do filmów <track>...tekst: WEBVTT i zostawić po nim jedną linijkę przerwy. Mówi on, że plik został utworzony zgodnie ze standardem WebVTT. Dalej dodawane są już bloki kolejnych napisów. Każdy blok zawiera przedział czasu, w którym ma się wyświetlać na ekranie oraz sam tekst napisu. Kolejne bloki napisów są od siebie oddzielone pustą linijką. Choć być może brzmi to nieco skomplikowanie, tak naprawdę jest bardzo intuicyjne. Najprostszy plik napisów mógłby wyglądać następująco: WEBVTT 00:00:01.000 -->...
Tekst HTML / Ćwiczenia...wcześniejszych ćwiczeń w prawidłowy sposób został przez Ciebie użyty znacznik pogrubienia. Dodaj do swojej strony przynajmniej jeden cytat lub blok cytowany. Jeżeli Tworzysz stronę o sobie, może to być np. motto, którym kierujesz się w życiu albo wypowiedź jakiejś ważnej dla Ciebie osoby. Jeżeli w treści swojej strony używasz skrótów bądź definicji, zadbaj o ich oznaczenie właściwymi znacznikami. Na podstronie linki.html użyj wykazu (wypunktowanie) w taki sposób, aby każdy odnośnik...
- Tekst HTML / Źródło <cite>
...itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik <q>...<q> (krótki cytat) lub <blockquote>...</blockquote> (blok cytowany). Ponadto zgodnie z językiem HTML5 elementu <cite>...</cite> nie można używać do oznaczania autora, a jedynie samego tytułu utworu. Przykład <cite> Więcej informacji znajduje się w opracowaniu <cite>HTML 4.01 Specification</cite> Więcej informacji znajduje się w opracowaniu HTML 4.01 Specification
- Komendy HTML 4.01 / Wykaz elementów
...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 w linii Algorytm dwukierunkowego tekstu BIG wymag/wymag w linii...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...szczegóły dalej w tym rozdziale). Wszystkie czasy są podane w milisekundach (1 s = 1000 ms). Wartości te zostaną przypisane wszystkim takim blokom menu na stronie, dla których nie określimy inaczej. Następnie na stronie, gdzie ma być umieszczone menu, należy w nagłówku dokumentu (wewnątrz <head>...</head>) wstawić: <script src="menu.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu...
- Menu drzewiaste / Skrypt menu drzewiastego
...wygląd. Ten sam najbardziej zewnętrzny znacznik <ul>...</ul> musi posiadać atrybut: id="tree0" Zaraz poniżej kodu menu musi się znajdować blok <script>...</script>. Zauważ, że wyróżniony w nim identyfikator tree0 musi być identyczny z tym, co wpisano jako wartość atrybutu id="..." na początku menu! UWAGA! Wewnątrz wszystkich znaczników <li>...</li> muszą znajdować się znaczniki odsyłaczy, czyli: <a>...</a>. Odsyłacze znajdujące się w węzłach menu (czyli tworzące otwierane i...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...listów e-mail (pod nazwą: mail) za pośrednictwem skryptów PHP musi być włączona. Niestety administratorzy, zwłaszcza darmowych serwerów, czasami blokują tę funkcję, aby konta nie były wykorzystywane do rozsyłania spamu. O tym, czy Twój serwer WWW obsługuje skrypty PHP i czy funkcja mail nie została zablokowana, możesz się zwykle przekonać odwiedzając stronę domową danego serwera lub kontaktując się z administratorem serwera. Jeżeli Twój serwer nie obsługuje skryptów PHP albo funkcja mail...