plik - Kurs HTML i CSS
Prawa autorskie...dowolnej osobie w takiej samej formie. Uwaga: nie dotyczy publikacji kursu na stronie WWW z wyjątkiem udostępniania do pobrania spakowanego pliku kurshtml.zip, na zasadach opisanych poniżej! Wydrukować dowolny rozdział lub cały kurs. Wykorzystywać wszystkie zawarte w kursie przykłady kodu źródłowego, wraz z załączonymi przykładowymi grafikami, do budowy serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego z podanych przykładów...
HTML5 / Zmienione elementy i atrybuty HTML5...(nie zawierać żadnych elementów potomnych). Zmienione atrybuty accept Dla elementów INPUT pozwala użyć ogólnych wartości: "audio/*" (dowolny plik w formacie dźwiękowym), "video/*" (dowolny plik w formacie wideo), "image/*" (dowolny plik graficzny). accesskey Możliwość użycia listy klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać tylko pustą...
CSS dla zielonych / Tapeta CSS {background-color, background-image, color}...w swojej przeglądarce - ponieważ np. ma bardzo powolne lub drogie połączenie internetowe ścieżka dostępu do obrazka Lokalizacja gdzie znajduje się plik graficzny tapety Inaczej niż w przypadku znacznika <img src="..."> w języku HTML, tutaj ścieżkę dostępu należy konstruować względem lokalizacji pliku z arkuszem stylów, a nie względem adresu dokumentu HTML! kolor tekstu Definicja koloru tekstu strony Tło obrazkowe strony (tapeta) zawsze powinniśmy ustalać jednocześnie z kolorem tła oraz...
- HTML5 / Pobieranie <a download, area download>
(interpretuje: Firefox 20, Opera 15, Chrome 14) Odsyłacz podstawowy - domyślna nazwa pliku: <a href="lokalizacja" download>...</a> Odsyłacz podstawowy - podana nazwa pliku: <a href="lokalizacja" download="nazwa">...</a> Odsyłacz rozszerzony - domyślna nazwa pliku: <area href="lokalizacja" download> Odsyłacz rozszerzony - podana nazwa pliku: <area href="lokalizacja" download="nazwa"> lokalizacja Miejsce, gdzie znajduje się plik do pobrania, podane w postaci ścieżki dostępu (w...
- HTML dla zielonych / Wpisywanie tekstu HTML
...dowolnego edytora HTML. Jak dodać tekst do strony? Aby dodać zwykły tekst do istniejącej strony internetowej, wystarczy otworzyć wybrany plik *.html w edytorze HTML. Następnie trzeba wyszukać miejsce w dokumencie, gdzie ma zostać dodany nowy tekst - powinno to być gdzieś wewnątrz sekcji <body>...</body>. Tekst można w tym miejscu po prostu wpisać z klawiatury albo wkleić ze schowka systemowego np. przy pomocy kombinacji klawiszy Ctrl+V (pod systemem Windows). Na koniec można...
- XHTML / Typy MIME dokumentów XHTML
(interpretuje: Chrome 4, Firefox 2, Edge 12, Opera 10, Safari 3.1, Internet Explorer 9.0) Typ MIME w Internecie wskazuje format pliku, z jakim mamy do czynienia. Nietrudno się domyślić, że określa on również typ dokumentów HTML oraz XHTML, ponieważ jak sama nazwa wskazuje nie są one zwykłym tekstem ale hipertekstem. Oto spis typów MIME, z jakimi mogą być przesyłane dokumenty HTML i XHTML: MIME HTML 4 XHTML 1.0 (kompatybilność wstecz) XHTML 1.0 XHTML 1.1 text/html powinien może...
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...
Menu drzewiaste / Skrypt menu drzewiastego...Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów i klasy selektorów) Skrypt menu drzewiastego Aby uzyskać menu drzewiaste, utwórz plik tree.css w tym samym katalogu co strona i zapisz w nim: ul.tree { display: block; margin-left: 0; padding-left: 0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li { display: block; list-style-type: none; padding-left: 20px; background-image: url("document.gif")...
- Skórki
...specjalnych szablonów, które często nazywa się skórkami (ang. skins). Choć na pierwszy rzut oka operacja zmiany wyglądu wydaje się być dość skomplikowana, tak naprawdę absolutnie nie ma potrzeby budowania drugiej wersji strony dla każdej kolejnej skórki. Z pomocą przychodzą style CSS, które wręcz idealnie do tego się nadają. Do przygotowania nowej skórki wystarczy po prostu zaprojektować osobny arkusz stylów (plik *.css) i go podmienić za pomocą specjalnego skryptu. Aby możliwa była jak...
- AutoIFRAME / Dlaczego to nie działa?
...np. spacje lub polskie litery? Czy na wszystkich podstronach wczytywanych do ramki <iframe>...</iframe> zostało umieszczone w nagłówku odwołanie do pliku skryptu autoiframe.js? Czy odwołanie aby nie zostało wstawione w miejscu innym niż nagłówek dokumentu (<head>...</head>)? Czy w tym samym katalogu co podstrony znajduje się plik autoiframe.js z zawartością skryptu? Czy plik nie został nazwany przypadkiem Autoiframe.JS (wielkość liter ma znaczenie!) itp.? Czy zawartość wszystkich skryptów...