Przejdź do treści

blok - Kurs HTML i CSS

  • 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...

  • CSS
    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...

  • CSS
    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...

  • Skrypty
    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...

  • Skrypty
    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...

  • HTML
    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...

  • HTML
    Komendy HTML 4.01 / DIV

    ...onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: wymagany Wyświetlanie: w bloku

  • HTML
    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 -->...

  • CSS
    Wstawianie stylów CSS / Wydzielone bloki <div style>

    ...(opisane w kolejnych rozdziałach). Natomiast jako wyraz "wartość" wpisujemy dokładną wartość atrybutu. Fragment dokumentu wydzielony za pomocą bloku <div>...</div> możemy swobodnie formatować. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy uzyskać. Metoda ta jest bardzo podobna do SPAN, lecz obejmuje zwykle większe fragmenty dokumentu (może zawierać w sobie różne znaczniki...

  • CSS
    Selektory pseudoelementów CSS / Pierwsza litera :first-letter

    selektor:first-letter { cecha: wartość } Selektorem może być dowolny znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Aby selektor zadziałał, blok musi się rozpoczynać tekstem, a nie np. obrazkiem ani tabelką. Polecenie pozwala na nadanie określonych cech pierwszej literze treści, znajdującej się wewnątrz znacznika, na który wskazuje selektor. UWAGA...

« 1 2 3 4 »

★★★★★ 5/5 (131)

Facebook