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ł */ }...
- 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...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...wstawiać obrazki do strony HTML. Uczeń formatuje tekst, używając podstawowych znaczników (pogrubienie, kursywa, podkreślenie). Uczeń rozumie atrybuty obrazków i tekstów. Materiały Obrazek HTML Tekst HTML Podcast HTML: #3 Tekst HTML Podcast HTML: #6 Multimedia HTML Przebieg 5 min - Wprowadzenie do tematu lekcji Krótkie przypomnienie, czym są obrazy w HTML i jak je wstawiać. 10 min - Omówienie wstawiania obrazków HTML (możesz się posłużyć podcastem) Wyjaśnienie tagu <img>...
- 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...
- Podcast HTML / #9 HTML5
...okna, ale nie wymusza przełamania wiersza, jeśli nie ma takiej potrzeby. Elementy formularzy i interaktywność HTML5 wprowadza nowe elementy i atrybuty do obsługi formularzy i interakcji: Nowe typy pól <input>: wprowadzono nowe typy dla elementu <input>, które ułatwiają wprowadzanie danych, takie jak: color, date, datetime-local, email, month, number, range, search, tel, time, url, week. <datalist>: tworzy listę rozwijaną z podpowiedziami dla elementu <input>, dodając autouzupełnianie...
- Podcast HTML / #5 Tabele HTML
...CSS. Atrybut span="x" określa liczbę kolumn do połączenia. Pojedyncza kolumna <col>: jest używana wewnątrz <colgroup> i pozwala nadać dodatkowe atrybuty poszczególnym kolumnom. Formatowanie z <col> nadpisuje formatowanie określone dla całej grupy <colgroup>. Zagnieżdżanie tabel: możliwe jest wstawianie tabel jedna w drugiej. Tabela podrzędna (wewnętrzna) jest umieszczana wewnątrz znacznika komórki <td> tabeli nadrzędnej (zewnętrznej). Zagnieżdżanie może jednak obniżyć czytelność...
- 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...