html - Kurs HTML i CSS
Rozmiary CSS / Szerokość i marginesy automatyczne...</div> Sposób ten jest przydatny np. do centrowania tabeli (względem elementu BODY stanowiącego blok obejmujący) zgodnie z zaleceniami CSS. <html> <head>...</head> <body style="text-align: center"> <table style="margin-left: auto; margin-right: auto; text-align: left">...</table> </body> </html> 4. Elementy blokowe, zastępowane Przykład: IMG, INPUT, TEXTAREA, SELECT, OBJECT - z ustawionym stylem display: block. Ostateczna wartość szerokości jest wyznaczana tak jak dla...
Galeria zdjęć HTML / Skrypt galerii zdjęć...zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) * @version 2.6.4 */ function GalleryModel(items) { this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title: item.getAttribute('data-gallery'), src...
Multimedia HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz dokument z licencją zawierającą informacje o prawach autorskich Twojej strony: kto jest jej autorem, jakie są zasady korzystania z niej (czy można kopiować treść i używać ją do celów komercyjnych) itp. W tym celu możesz skorzystać z programów takich jak: WordPad - dostępny w systemie Windows Open Office - darmowy pakiet biurowy Microsoft Office - pakiet aplikacji biurowych dostępny za...
Tekst HTML / Blok cytowany <blockquote>Spis treści <blockquote> Blok cytowany <blockquote> Blok cytowany ze źródłem <blockquote cite> Blok cytowany <blockquote> <blockquote>...</blockquote> wyświetlanie: w bloku Wprowadza blok cytowany, którego możemy użyć np. gdy powołujemy się na jakieś źródła. Każdy wiersz w bloku cytowanym rozpoczyna się zwykle tabulatorem (wcięciem). Można go używać do zacytowania jakiegoś większego fragmentu, który ciągnie się przez wiele linijek (zobacz także: Cytat). UWAGA! W Strict DTD tekst...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
Spis 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...
- Tabele HTML / Tytuł tabeli <caption>
<table> <caption>Tu podaj tytuł</caption> (...) </table> Polecenie to stwarza Ci możliwość nadania tytułu w formie nagłówka nad bądź podpisu pod tabelą. który może być umiejscowiony na górze (domyślnie) lub na dole tabeli. Element CAPTION musi się znajdować zaraz po znaczniku TABLE i nie może zawierać żadnych elementów blokowych! Potrzebujesz pomocy? Przy tworzeniu tabel HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz...
- HTML5 / Deklaracja strony kodowej <meta charset>
...uzyskał możliwość określania deklaracji strony kodowej w formie skróconego zapisu. Styl HTML 4.01: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Styl HTML5: <meta charset="utf-8"> Najnowsze wydanie specyfikacji języka HTML5 dopuszcza wyłącznie jedną stronę kodową: utf-8.
- Ćwiczenia HTML
Zdobądź praktyczne umiejętności w HTML dzięki ćwiczeniom dla początkujących. Krok po kroku naucz się tworzyć własne strony internetowe, pisząc i modyfikując kod HTML.
- HTML5 / Okno dialogowe <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog">
Spis treści <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog"> Okno dialogowe Domyślnie otwarte okno dialogowe <dialog open closedby, button "button" command commandfor> Modalne okno dialogowe <dialog closedby, button "button" command commandfor> Formularz dialogowy <form "dialog", button "dialog"> Okno dialogowe Okno dialogowe to element znany z różnego typu aplikacji komputerowych w postaci zwykle niewielkiego okienka, wymagającego od...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...na dysk lokalny użytkownika. Na przykład jeśli plik nazywa się "aplikacja.exe" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odnośnik do niego, można się posłużyć następującym znacznikiem: <a href="aplikacja.exe">Pobierz plik</a>. Do czego służy znacznik OBJECT? Element OBJECT działa podobnie jak EMBED, ale w założeniu jest bardziej uniwersalny. Za jego pomocą tak samo można osadzać bezpośrednio w stronie różnorodne pliki...