style html - Kurs HTML i CSS
HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="float: ustawienie"> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Natomiast jako: "ustawienie" należy wpisać: left Obrazek będzie ustawiony po lewej stronie względem...
Wykazy CSS / Niestandardowy typ stylu wykazu @counter-styleSpis treści @counter-style Niestandardowy typ stylu wykazu @counter-style System cykliczny @counter-style {system: cyclic} System ustalony @counter-style {system: fixed} System symboliczny @counter-style {system: symbolic} System alfabetyczny @counter-style {system: alphabetic} System numeryczny @counter-style {system: numeric} System addytywny @counter-style {system: additive} Ujemne numery wykazu @counter-style {negative} Przedrostek i przyrostek wykazu @counter-style {prefix...
Galeria zdjęć HTML / Skrypt galerii zdjęć...item.getAttribute('href') || item.getAttribute('data-href'); }; function GalleryView(items) { this.items = items || []; this._reset(); this.style = this._createStyle(); this.progressDelay = 500; this.swipeDelay = 300; this._overflow = ''; this._progressTimeout = null; this._swipeTimeout = null; this._swipe = { translateX: 0, startX: 0, startTime: 0, dragging: false }; this._listeners = []; this._protectedEvents = ['mousedown', 'contextmenu', 'selectstart', 'select...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i technikum z zakresu informatyki oraz materiałach ze strony Kurs HTML i CSS...
- HTML dla zielonych / Akapit HTML <p "text-align">
...określone atrybuty, które obsługuje. W przypadku akapitu można zastosować m.in. następujące: Wyrównanie tekstu do lewej strony (domyślnie) <p style="text-align: left">Treść akapitu</p> lub po prostu <p>Treść akapitu</p> Wyrównanie tekstu do prawej <p style="text-align: right">Treść akapitu</p> Wyśrodkowanie tekstu <p style="text-align: center">Treść akapitu</p> Justowanie tekstu (wyrównanie do obu marginesów jednocześnie) <p style="text-align: justify">Treść akapitu</p> We...
- Wykazy CSS / Typ stylu wykazu {list-style-type}
Spis treści {list-style-type} Typ stylu wykazu {list-style-type} Znakowy typ stylu wykazu Alfabetyczny typ stylu wykazu Numeryczny typ stylu wykazu Typ stylu wykazu {list-style-type} selektor { list-style-type: typ } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast "typ" odpowiada za wygląd wyróżnika (markera) wykazu. Należy zamiast niego wpisać dowolny z poniżej...
- Komendy HTML 4.01 / Wykaz atrybutów
...src SCRIPT Adres zewnętrznego skryptu standby OBJECT Informacja do pokazania podczas wczytywania start OL Numer początkowy style Wszystkie elementy oprócz BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE Informacja stylów summary TABLE Streszczenie tabeli dla przeglądarek dźwiękowych tabindex A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA Pozycja w kolejności wybierania tabulatorem target (tylko Transitional DTD) A, AREA, BASE, FORM...
- Podcast HTML / #1 HTML dla zielonych
...służą do estetycznego i logicznego podziału treści. Wyrównanie tekstu (atrybuty) Wyrównanie tekstu w akapicie można kontrolować za pomocą atrybutu style="text-align:...": Wyśrodkowanie: <p style="text-align: center">Treść akapitu</p> Justowanie (wyrównanie do obu marginesów): <p style="text-align: justify">Treść akapitu</p> Wyrównanie do prawej: <p style="text-align: right">Treść akapitu</p> Podstawowe formatowanie tekstu Znaczniki pozwalają na zmianę wyglądu tekstu. Najczęściej...
- XHTML / Typy MIME dokumentów XHTML
...PROBLEMY Z WYŚWIETLENIEM DOKUMENTU! * @global bool $XML */ $XML = false; /** * Arkusze CSS wraz z mediami (opcjonalnie). * Przykłady: * - 'style.css', * - 'style.css"all', * - 'style.css print.css"print'. * @global string $CSS */ $CSS = ''; ////////////////////////////////////////////////// if (defined('CSS')) $CSS .= ' '.CSS; $CSS = trim($CSS); if ($CSS == '') $CSS = array(); else { $CSS = preg_split('/\s+/', $CSS); foreach ($CSS as $i => $css) $CSS[$i] = explode...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...do brakującej szerokości bloku obejmującego, wynikającej z mniejszej wartości sumy pozostałych składników równania. Przykład: Po wpisaniu: <div style="width: 600px"> <div style="margin-left: auto; border-left: 5px solid red; padding-left: 10px; width: 400px; padding-right: 10px; border-right: 5px solid red; margin-right: 20px">...</div> </div> powinniśmy otrzymać na ekranie blok, którego lewy margines wynosi: 600 - 5 - 10 - 400 - 10 - 5 - 20 = 150 pikseli UWAGA! W trybie Quirks...