dokumentu - Kurs HTML i CSS
Selektory elementów CSS / Ogólny selektor braci...brat1 ~ brat2 { cecha: wartość } gdzie wyrazy "brat1" oraz "brat2" są selektorami typu, przy czym leżą one w tym samym rzędzie hierarchii drzewa dokumentu [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Selektor ten umożliwia nadanie określonych atrybutów wszystkim braciom - tym, których typ w deklaracji został podany jako drugi (czyli brat2). Zwykły tekst znajdujący się pomiędzy braćmi nie ma...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...jako obramowanie. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Za pomocą CSS 3 można dużo łatwiej wykonać obramowanie obrazkowe - przygotowując tylko jedną grafikę, przedstawiającą krawędzie obramowania. Nie będzie również konieczne osadzanie na stronie dodatkowych znaczników. Uzyskamy przy tym efekt samoczynnego dopasowywania się grafiki obramowania do rozmiarów ramki oraz dużo większe...
HTML5 / Składnia (X)HTML5...<meta charset="UTF-8"> <title>...</title> </head> <body> ... </body> </html> W pierwszej linijce widzimy skróconą deklarację typu dokumentu (co ważne, nie przełącza ona przeglądarki w tryb Quirks). Powiedzmy sobie szczerze - raczej nikt nie był w stanie zapamiętać rozwlekłej formy DTD dla języka HTML 4 ani XHTML 1. Przeglądarki również nie robiły użytku z adresów URL w nich zawartych. Dlatego zdecydowano się ją skrócić. W nowej wersji nie ma znaczenia wielkość liter w...
- HTML5 / Zmienione elementy i atrybuty HTML5
...w poprzedzającym go znaczniku SCRIPT. S Oznacza treść, która nie jest dłużej trafna lub istotna, z punktu widzenia pozostałej zawartości dokumentu. SCRIPT Istnieje możliwość określenia dodatkowych wartości atrybutu type="..." - np.: "text/plain", "text/xml", "application/octet-stream", "application/xml". W tak oznaczonym elemencie można zapisać surowe dane dla dynamicznych skryptów używanych na stronie. SMALL Reprezentuje przypisy (wyjaśnienia, zastrzeżenia, ograniczenia...
- HTML5 / Nagłówek <header>
...<header> <p>Witam na stronie...</p> <h1>Kurs języka HTML</h1> </header> Skoro znacznik HEADER nie tworzy nowej sekcji, to dla tak przedstawionego dokumentu: <header> <h1>Sekcja 1</h1> <p>Akapit sekcji 1</p> <h2>Podsekcja 1.1</h2> </header> <p>Akapit podsekcji 1.1</p> <h2>Podsekcja 1.2</h2> <p>Akapit podsekcji 1.2</p> ...automatyczny spis treści będzie wyglądał następująco: Sekcja 1 (zawiera akapit "Akapit sekcji 1") Podsekcja 1.1 (zawiera akapit: "Akapit podsekcji 1.1") Podsekcja...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...Podobnie działa atrybut defer, jednak wtedy przeglądarka rozpoczyna wczytywanie skryptu dopiero po załadowaniu pełnego kodu HTML dokumentu. Może to potrwać nieco dłużej niż w przypadku użycia atrybutu async. XHTML W języku XHTML skrypty osadzamy następująco: <script type="text/javascript"> // <![CDATA[ /* Tutaj umieść kod skryptu. */ // ]]> </script> oraz <script type="text/javascript" src="plik.js"></script> W przypadku XHTML 1 możliwe jest dodatkowo użycie jedynie...
- Znaki specjalne HTML / Emotikony (emoji)
...ikonę myszką, aby zobaczyć jej opis. Pod ikonami znajdują się odpowiadające im kody numeryczne znaków, które możesz wkleić bezpośrednio w źródło dokumentu HTML. Możesz również zaznaczyć wybraną ikonę myszką, a następnie skopiować ją do schowka. Aby przekształcić dowolną emotikonę (emoji) na plik graficzny, możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij tworzenie ikony
- CSS dla zielonych / Arkusz stylów CSS
...również języka CSS. Utworzone style zapisujemy w dowolnym pliku z rozszerzeniem *.css, który stanowi tzw. arkusz stylów, a następnie dołączamy go do dokumentu HTML [zobacz: Wstawienie arkusza stylów]. Czym są i do czego służą arkusze stylów CSS? Arkusz stylów CSS jest plikiem tekstowym służącym do ustalania wyglądu strony internetowej. Zawiera on tzw. reguły stylów. Z kolei każda z nich składa się z selektora i deklaracji stylów. Poszczególne deklaracje obejmują listę poleceń, które...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...Możliwe jest również wycentrowanie tylko jednego akapitu. W tym celu trzeba się jednak posłużyć kodem HTML, który wstawimy w kodzie źródłowym dokumentu HTML, a nie w arkuszu stylów CSS: <p style="text-align: center">...</p>.
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
...od jednostki. Pytania i odpowiedzi {margin} Jak ustawić marginesy w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklarację o odpowiedniej wartości. Na przykład: body { margin: 20px; } ustawi wszystkie marginesy strony o szerokości i wysokości 20 pikseli. Jak ustawić margines 2,5 cm? W języku CSS oprócz pikseli możemy używać również szeregu innych jednostek długości. Na przykład: body { margin: 2.5cm; } ustawi wszystkie marginesy strony...