atrybuty znaczników - Kurs HTML i CSS
Tekst HTML / Kod poprawny semantycznie...czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I (pochylenie), U (podkreślenie), S (przekreślenie), SMALL (czcionka pomniejszona). Użycie tych znaczników gwarantuje, że w każdej sytuacji tekst otrzyma...
Dobre praktyki / CSS Zorientowane Obiektowo...Taki sposób przedstawiania elementów strony jest dla człowieka bardziej intuicyjny niż pojmowanie jej jako zbiór wielu DIV-ów, SPAN-ów i innych znaczników. Obiektowość CSS sprowadza się do nadawania formatowania w kontekście takich obiektów, a nie poszczególnych znaczników występujących w kodzie źródłowym dokumentu. Pojedynczemu obiektowi zwykle odpowiada klasa CSS albo selektor identyfikatora: #Header { /* nagłówek */ } .Menu { /* menu */ } .Article { /* artykuł */ }...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...chcemy, aby w formularzu zostały przesłane inne wartości niż treść znaczników <option>...</option>, można wprowadzić dla tych znaczników dodatkowe atrybuty value="wartość". Ich treść może się różnić od tekstu wpisanego po znaczniku <option>...</option>. Atrybuty value="..." są obowiązkowe, jeśli zamierzamy wykorzystać formularz w skrypcie. Polecenie pozwala wprowadzić listę rozwijalną (menu) - inaczej zwaną również polem kombi - z której możemy wybrać jedną (typ podstawowy) lub kilka...
- HTML5 / Zmienione elementy i atrybuty HTML5
Spis treści Zmienione elementy Zmienione atrybuty Odradzane atrybuty Zmienione elementy A Jeżeli sam nie zawiera się w elemencie wyświetlanym w linii, może obejmować sobą również elementy blokowe z wyjątkiem interaktywnych: A, BUTTON, DETAILS, EMBED, IFRAME, LABEL, SELECT, TEXTAREA, AUDIO (z atrybutem controls), IMG (z atrybutem usemap="..."), INPUT (z atrybutem type="..." innym niż "hidden"), MENU (z atrybutem type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem...
- HTML5 / Filmy i dźwięk <video, audio, source>
...Zatem nie można zastosować żadnej automatycznej alternatywy, jeżeli przeglądarka użytkownika nie obsługuje żądanej wtyczki. Tylko podstawowe atrybuty znacznika EMBED zostały opisane w specyfikacji. Pozostałe zależą od możliwości użytej wtyczki. Element ten nie jest w żaden sposób zoptymalizowany do odtwarzania filmów ani muzyki. Filmy i dźwięk <video, audio, source> Aby pozbyć się wszystkich wymienionych powyżej wad, HTML5 wprowadza zupełnie nowe elementy, przeznaczone specjalnie...
- Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>
...komórka5 komórka6 Kolumna <colgroup, col> Znacznik <colgroup>...</colgroup> łączy kolumny tabeli strukturalnie. Jeśli chcemy nadać dodatkowe atrybuty poszczególnym kolumnom, należy wewnątrz takiej grupy użyć znaczników <col>. Odpowiadają one za pojedynczą kolumnę, co pozwala nadać jej określone atrybuty, bez dodatkowego łączenia kolumn w grupy: <table> <colgroup span="3" style="background-color: green"> <col style="background-color: red"> <col span="2"> </colgroup> <tr>...
- Selektory specjalne CSS / Klasy selektorów <... class>
...Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako klasa należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki, przecinka, dwukropka, pytajnika, nawiasów, znaku równości, plusa itp. Może natomiast zawierać litery (A-Z, a-z), cyfry (0-9), myślniki ("-") i podkreślniki ("_"). Lepiej...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...się również wpisanie opisu zawartości strony. Większość edytorów HTML posiada specjalne generatory sekcji HEAD, w których podaje się wszystkie atrybuty oraz informacje dotyczące dokumentu, dzięki czemu nie trzeba tego robić ręcznie. Z takiego generatora możesz skorzystać również tutaj. ✅ Rozpocznij konfigurację dokumentu
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...można używać atrybutów async i defer jednocześnie w tagu <script>, chociaż specyfikacja HTML5 wskazuje, że jest to nietypowa konfiguracja. Gdy oba atrybuty są użyte, zachowanie skryptu zależy od przeglądarki: nowoczesne przeglądarki ignorują defer i traktują skrypt jako asynchroniczny, natomiast starsze przeglądarki, które obsługują tylko defer, zastosują opóźnione ładowanie. Na przykład: <script src="script.js" async defer></script>.
- Selektory elementów CSS / Reguły stylów
...czym można podać dowolną liczbę, rozdzielając kolejne znakiem średnika (;). Średnik na końcu deklaracji nie jest konieczny. Każda grupa elementów (znaczników) ma określony zespół cech CSS, które można jej przypisać, a każda cecha ma ściśle wyszczególnioną listę wartości, które może przyjąć. Na przykład: cecha text-align (wyrównanie tekstu) może być przypisana tylko i wyłącznie do elementów blokowych, ponieważ podanie jej dla elementów wyświetlanych w linii nie miałoby sensu. Z drugiej strony...