znacznik - Kurs HTML i CSS
HTML5 / Atrybuty danych <... data-...>Elementy bez znacznika zamykającego z atrybutem logicznym: <element data-nazwa> Elementy bez znacznika zamykającego z atrybutem o podanej wartości: <element data-nazwa="wartość"> Elementy ze znacznikiem zamykającym z atrybutem logicznym: <element data-nazwa>...</element> Elementy ze znacznikiem zamykającym z atrybutem o podanej wartości: <element data-nazwa="wartość">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 nazwa Musi rozpoczynać się małą literą łacińską, znakiem...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 5) Elementy bez znacznika zamykającego (np. INPUT): <element autofocus> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autofocus>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 Atrybut logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są...
- HTML5 / Element ukryty <... hidden>
...Chrome 6) Wersja podstawowa: <element hidden>...</element> Wersja rozszerzona: <element hidden="stan">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 stan Można podać jedną z poniższych wartości: hidden - element nie zostanie wyświetlony na stronie (to samo co użycie hidden jako atrybut logiczny - tzn. bez podania wartości). until-found - element nie zostanie wyświetlony na stronie, chyba że użytkownik wyszuka jego treść (przy pomocy skrótu klawiaturowego Ctrl+F)...
- HTML5 / Przeciągnij i upuść <... draggable>
(interpretuje: Internet Explorer 11, Firefox 2, Opera 12.1, Chrome 4) Elementy bez znacznika zamykającego (np. IMG): <element draggable="przeciąganie"> Elementy ze znacznikiem zamykającym (np. A): <element draggable="przeciąganie">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 przeciąganie Może przyjąć jedną z następujących wartości: true - element można przeciągnąć myszką. false - element nie może zostać przeciągnięty. Pozwalają sterować mechanizmem...
- HTML5 / Element bierny <... inert>
(interpretuje: Firefox 112, Opera 88, Chrome 102) Element bez znacznika zamykającego (np. INPUT): <element inert> Element ze znacznikiem zamykającym (np. DIV): <element inert>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 inert to atrybut logiczny (wstawiany bez wartości), sprawiający, że element przestaje być interaktywny - tzn.: Użytkownik nie będzie w stanie zaznaczyć tekstu takiego elementu. Nie będzie możliwości edytowania zawartości w polach formularzy ani...
- HTML5 / Tłumaczenie językowe <... translate>
...języki jest dozwolone (to samo co użycie translate jako atrybut logiczny - bez podania wartości). no - tłumaczenie zablokowane element Dowolny znacznik HTML 4.01 lub HTML5 W sieci pojawiły się specjalne programy, służące do automatycznego tłumaczenia stron obcojęzycznych na język rodzimy użytkownika. Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający...
Wstawianie stylów CSS / Wydzielone bloki <div style>...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 jak również inne bloki). Dodatkowo DIV domyślnie jest wyświetlany: XXXXXXXXXXXXXXXXXXXXXXXX w bloku XXXXXXXXXXXXXXXXXXXXXXXX natomiast SPAN: XXXXXXXXXXXXXXXXXXXXXXXXw liniiXXXXXXXXXXXXXXXXXXXXXXXX Generalnie element blokowy (DIV) może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do...
- Wstawianie stylów CSS / Styl lokalny <... style>
<element style="cecha: wartość; cecha2: wartość2...">...</element> Elementem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Jako "cecha" czy inaczej własność bądź właściwość (ang. "property") należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (np. kolor tekstu - color). Opis wszystkich cech znajdziesz w następnych rozdziałach. Tutaj...
- Selektory elementów CSS / Selektor potomka
...Selektor tego typu pozwala nadać atrybuty elementom, które leżą niżej w hierarchii drzewa dokumentu (zawierają się w innych zewnętrznych znacznikach). Dzięki temu możemy zmienić typ formatowania tylko dla określonych elementów, które są podrzędne w stosunku do innych (przodków). Potomek nie musi leżeć bezpośrednio wewnątrz znacznika przodka. Może być zawarty jeszcze w innych znacznikach, które z kolei zawierają się w rodzicu. Nie jest wtedy konieczne podawanie w deklaracji...
- Selektory elementów CSS / Reguły stylów
Atrybuty formatowania w języku CSS definiuje się za pomocą tzw. reguł stylów. Każda reguła odnosi się do konkretnego elementu (znacznika) i składa się z dwóch części: selektora i deklaracji. Selektor określa do jakich elementów ma zostać przypisane formatowanie, a deklaracja podaje to formatowanie i jest umieszczona w nawiasie klamrowym {...}. Każda deklaracja składa się przynajmniej z jednego zespołu cecha lub inaczej własność albo właściwość (ang. property) - wartość (ang. value), przy czym...