strona - Kurs HTML i CSS
Komendy HTML 4.01 / Elementy zdeprecjonowane...chcemy wykorzystać takie elementy, powinniśmy zastosować deklarację typu dokumentu Transitional (czyli przejściową), co zagwarantuje nam, że strona używająca znaczników i atrybutów zdeprecjonowanych zawsze będzie poprawna pod względem zgodności ze standardem HTML. Wykaz elementów zdeprecjonowanych Element Zamiennik APPLET OBJECT BASEFONT CSS: color, font-family, font-size CENTER CSS: text-align DIR UL FONT CSS: color, font-family, font-size ISINDEX INPUT...
Tryb Quirks / X-UA-Compatible...przypadkach może to nam przysporzyć wiele kłopotów. Ze względu na całą masę błędów w poprzednich wersjach tej przeglądarki, często okazuje się, że strona zoptymalizowana tak, aby prawidłowo funkcjonowała np. w MSIE 6 lub 7, teraz wyświetla się nieprawidłowo, ponieważ wszystkie "obejścia", które wcześniej trzeba było zastosować, powodują teraz problemy. W takiej sytuacji doraźnym rozwiązaniem mogłoby być przynajmniej tymczasowe wymuszenie trybu renderowania dokumentu w trybie Compatibility...
- HTML5 / Nowe atrybuty HTML5
...pisowni i gramatyki srcdoc IFRAME Dokument do renderowania w ramce IFRAME translate Wszystkie elementy Czy element ma być tłumaczony, gdy strona jest lokalizowana width, height INPUT (type="image") width - wymiar poziomy; height - wymiar - pionowy wrap TEXTAREA Sposób, w jaki wartość kontrolki formularza ma być zawijana podczas wysyłania formularza writingsuggestions Wszystkie elementy Czy element może oferować podpowiedzi w trakcie pisania (ang. writing suggestions)...
- HTML5 / Sekcja <section>
<section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. Treść sekcji może być dodatkowo podzielona na podsekcje - poprzez umieszczenie w elementach głównych sekcji dodatkowych znaczników SECTION. W takim przypadku mamy do...
- HTML5 / Nawigacja <nav>
<nav>...</nav> Reprezentuje sekcję strony, która zawiera odnośniki nawigacyjne do innych stron albo do określonych fragmentów na tej samej stronie. Nie wszystkie linki na stronie powinny być umieszczane w tym znaczniku. Został on przewidziany przede wszystkim do oznaczania nim podstawowej nawigacji witryny. Często w stopce serwisu znajdują się linki takie jak: kontakt, regulamin, prawa autorskie. Choć teoretycznie można je objąć znacznikiem NAV, zwykle bardziej właściwy do tego będzie element...
- HTML5 / Uwydatnienie <mark>
...chciał ominąć ówcześnie działającą cenzurę.</p> Tak mogłyby wyglądać wyniki wyszukiwania słowa HTML: <article> <h1>Kurs <mark>HTML</mark> - strona WWW za darmo</h1> <p>Kurs <mark>HTML</mark>, kurs XHTML i kurs CSS dla zupełnie początkujących i dla zaawansowanych. Napisz własną stronę WWW nawet w ciągu jednego dnia i wprowadź ją do Internetu za darmo.</p> </article>
- Reguły warunkowe CSS / Zapytania właściwości @supports
...które nie interpretują pełnej specyfikacji. Właściwości (cechy), których przeglądarka nie rozumie, są ignorowane. Oczywiście w takiej sytuacji strona nie będzie wyglądać dokładnie tak, jak założył jej twórca, ale nadal powinna być czytelna. Co ważne, nie spowoduje to odrzucenia całego arkusza stylów, więc dokument HTML zostanie poddany częściowemu formatowaniu - na tyle, ile będzie możliwe. Zdarzają się jednak przypadki zbyt skomplikowane, aby do ich obsługi wystarczył ten prosty...
Operacje na tekście w JavaScript - String.prototype / Usuwanie białych znaków - trim...znajdujące się na początku i na końcu tekstu. Białymi znakami są: tabulacja ("\u0009" lub "\t") pionowa tabulacja ("\u000B" lub "\v") nowa strona ("\u000C" lub "\f") spacja ("\u0020" lub " ") niełamliwa spacja ("\u00A0") BOM ("\uFEFF") wszystkie inne znaki spacji w systemie Unicode Znakami końca linii są: następna linia ("\u000A" lub "\n") powrót karetki ("\u000D" lub "\r") separator linii ("\u2028") separator akapitów ("\u2029") Przykład String.prototype.trim "\t A B...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...style.css" trzeba podać pełną ścieżkę dostępu (tworzy się ją w analogiczny sposób, jak przy wstawianiu obrazka). Warto podkreślić, że jeśli Twoja strona WWW składa się z wielu podstron, na każdej z nich możesz dołączyć ten sam plik arkusza stylów. Dzięki temu zmiany wykonane tylko w jednym miejscu - czyli w pliku arkusza stylów - wpłyną na wygląd od razu wszystkich podstron Twojego serwisu. Czyż to nie jest piękne? Już nigdy więcej nie będzie Cię czekać żmudne przerabianie każdej podstrony...
HTML dla zielonych / Ćwiczenia...plików (w systemie Windows możesz użyć np. Eksploratora plików) i dwukrotnie kliknij ikonę stworzonego właśnie dokumentu. Dzięki temu Twoja strona otworzy się w przeglądarce. Za każdym razem kiedy coś na niej zmienisz, po prostu ponownie zapisz plik w edytorze, a następnie przełącz się do przeglądarki i odśwież stronę (klawisz F5), aby zobaczyć efekty. Wróć do edytora HTML. Podziel tekst na akapity, tak aby był wygodniejszy w czytaniu. Wybierz fragmenty tekstu, na które Twoim...