element - Kurs HTML i CSS
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 nie...
Komendy HTML 4.01 / Wykaz atrybutów...i 'checkbox' cite BLOCKQUOTE, Q Adres dla dokumentu źródłowego lub wiadomości cite DEL, INS Informacja o zmianie class Wszystkie elementy oprócz BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE Lista klas rozdzielonych odstępami classid OBJECT Identyfikuje implementację clear BR Kontroluje przepływ tekstu code APPLET Plik klasy apletu codebase APPLET Opcjonalny adres bazowy dla apletu codebase OBJECT Adres bazowy dla klas, danych...
- Tekst HTML / Wyświetlanie znaczników HTML
...wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki końca linii (linijki przerwy) przed oraz po takim bloku tak, że każdy taki element jest wyświetlany w nowej linii. Generalnie element blokowy może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur niż elementy wyświetlane w linii. Wyjątkiem od tej reguły jest akapit, który mimo że stanowi element blokowy, nie może zawierać w sobie...
- HTML5 / Filmy i dźwięk <video, audio, source>
...do filmów własnych napisów. Nic dziwnego, że w HTML5 postanowiono zmienić tę sytuację. Najpierw zdecydowano się wprowadzić do specyfikacji element EMBED, który do tej pory i tak był powszechnie używany, choć oficjalnie nie istniał. Nadal jednak nie zaleca się jego stosowania do materiałów audio/wideo: Wymaga zainstalowanej na komputerze wtyczki. Nie każda przeglądarka obsługuje wszystkie rodzaje wtyczek. Nie każda wtyczka jest dostępna dla wszystkich rodzajów systemów operacyjnych...
Galeria zdjęć HTML / Skrypt galerii zdjęć...GalleryView.prototype._hide = function(name) { this[name].style.display = 'none'; }; GalleryView.prototype._setStyle = function(element, style) { this._forEach(style, function(key, value) { element.style[key] = value; }); }; GalleryView.prototype._createContainer = function() { var div = document.createElement('div'); this._setStyle(div, this.style.container); return div; }; GalleryView.prototype._createImage = function(src) { var img...
- HTML5 / Artykuł <article>
...na forum dyskusyjnym, wpis na blogu, komentarz użytkownika pod artykułem, interaktywny widget. W pojedynczym dokumencie może być więcej niż jeden element ARTICLE. Znaczniki te można również zagnieżdżać (umieszczać jeden w drugim). W takim przypadku oznacza to, że tematyka treści elementów podrzędnych (wewnętrznych) jest w istotny sposób powiązana z treścią, którą obejmuje znacznik nadrzędny (zewnętrzny). Na przykład nadrzędnym artykułem może być wpis na blogu, a podrzędnymi - komentarze...
- HTML5 / Wstawka <aside>
<aside>...</aside> Wstawka reprezentuje sekcję na stronie, która jest tylko nieznacznie powiązana tematycznie z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do...
- HTML5 / Załącznik <figure, figcaption>
...itp. W obszernych opracowaniach naukowych zwykle podaje się spis wszystkich ilustracji bądź diagramów, występujących w całej pracy. O tym, czy dany element nadaje się do oznaczenia go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w odróżnieniu od FIGURE, jego zawartość jest tylko nieznacznie powiązana tematycznie z główną...
- 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ą...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...<span>...</span> pozwala na objęcie pewnego większego fragmentu dokumentu. Pojedynczym znacznikiem <span>...</span> możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np. wytłuszczenie tekstu oraz kursywę. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy uzyskać. Zwróć uwagę, że jednemu selektorowi możemy...