znaczniki html - Kurs HTML i CSS
Podcast HTML / #2 Nagłówek i treść HTML...url=...". Pamiętajmy, że polecenie BODY powinno wchodzić w skład każdego dokumentu HTML i zawierać wszystkie widoczne elementy. Wszystkie znaczniki <meta> i <title> muszą znajdować się wewnątrz nagłówka strony (<head>...</head>).
- HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni...
- Podcast HTML / #8 Formularze HTML
...grupie. Lista rozwijalna Wprowadza rozwijane menu (pole kombi). Wprowadzenie listy: <select name="nazwa">, gdzie opcje są definiowane przez znaczniki <option>...</option>. Jeśli chcemy przesłać inne wartości niż treść opcji, należy użyć atrybutu value="..." w znaczniku <option>. Wielokrotny wybór: atrybut multiple w znaczniku <select> pozwala wybrać kilka opcji, zaznaczając je za pomocą klawisza Ctrl. Opcja domyślna: atrybut selected w znaczniku <option>. Wysokość pola: atrybut...
Selektory specjalne CSS / Klasy selektorów <... class>...się elementy mające takie samo formatowanie, a dodatkowo nie można dla nich posłużyć się selektorem typu, ponieważ na stronie znajdują się inne znaczniki tego samego rodzaju co wybrany element, ale nie chcemy, aby i one otrzymały takie samo formatowanie. Wtedy np. w zewnętrznym arkuszu stylów umieszczamy deklarację klasy, a następnie na stronach wstawiamy atrybut class="klasa" tylko dla wybranych znaczników. Dzięki temu inne znaczniki tego samego typu zachowają swoje oryginalne...
- Odsyłacze HTML / Do etykiety <a id>
...wszystkich elementach (oprócz: BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE). Można do tego również wykorzystać istniejące wcześniej na stronie znaczniki. Idealnym przykładem są tytuły. Zwykle naturalnie wyznaczają on ważne miejsca na stronie, do którym prawdopodobnie możemy chcieć wstawić bezpośrednie odsyłacze. UWAGA! Bardzo ważne: w nazwach etykiet lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
...no-open-quote no-close-quote} Cudzysłowy {quotes} (interpretuje Internet Explorer 8.0, Firefox, Opera) W języku HTML istnieją specjalne znaczniki, przeznaczone do oznaczania cytatów: <q>...</q> (krótki cytat), <blockquote>...</blockquote> (blok cytowany). Jak mówi specyfikacja HTML 4.01, cytatów wstawianych w elementach q nie należy obejmować cudzysłowami, gdyż powinna zrobić to przeglądarka. Ponadto, ponieważ w różnych językach (mówionych) używa się różnych znaków cudzysłowu...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
...Firefox 111, Opera 30, Chrome 43) Elementy bez znacznika zamykającego (np. INPUT): <element autocapitalize="kapitalizacja"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autocapitalize="kapitalizacja">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie...
- HTML5 / Klawisz Enter <... enterkeyhint>
...Firefox 94, Opera 66, Chrome 77) Elementy bez znacznika zamykającego (np. INPUT): <element enterkeyhint="zatwierdzenie"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie...
- HTML5 / Tryb wpisywania <... inputmode>
(interpretuje: Firefox 95, Opera 53, Chrome 66) Elementy bez znacznika zamykającego (np. INPUT): <element inputmode="tryb"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element inputmode="tryb">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
...wersja podstawowa: <element spellcheck> Elementy bez znacznika zamykającego - wersja rozszerzona: <element spellcheck="pisownia"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element spellcheck>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element spellcheck="pisownia">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem...