tytuł - Kurs HTML i CSS
Tekst HTML / Kod poprawny semantycznie...akapity za pomocą podwójnych znaczników <br> zamiast <p>...</p>? Czy to aby nie jest pomyłka organizacji W3C, że wprowadzono znacznik <h1>...</h1> (tytuł rozdziału), skoro ten sam efekt można uzyskać dobierając odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez...
- 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...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...parametry odsyłacza pocztowego Możliwe jest także podanie odsyłacza pocztowego na inne sposoby: List e-mail będzie miał podany przez nas tytuł <a href="mailto:adres e-mail?subject=tytuł listu">opis</a> Kopia listu będzie wysłana do podanej osoby <a href="mailto:adres e-mail?cc=adres e-mail gdzie wysłać kopię">opis</a> Ukryta kopia (żaden inny odbiorca listu nie zobaczy adresu podanego w bcc) <a href="mailto:adres e-mail?bcc=adres e-mail gdzie wysłać ukrytą kopię">opis</a> W...
- Formularze HTML / Grupowanie pól <fieldset, legend>
Wersja podstawowa: <fieldset> (Pola formularza) </fieldset> Wersja z tytułem: <fieldset> <legend>Tytuł</legend> (Pola formularza) </fieldset> Pozwala zgrupować tematycznie kilka pól formularza, dzięki czemu zostają one objęte ramką. Wygląd ramki grupującej może się różnić w zależności od przeglądarki. W drugiej z podanych wersji powoduje pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...stylów. Natomiast w miejsce kropek (...) można wpisać dalsze polecenia. Selektorem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom, które znajdują się w kodzie źródłowym, pomiędzy tymi znacznikami, nadajemy atrybuty formatowania opisane w arkuszu. Jako "cecha" (w deklaracji stylu - powyżej) należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach). Natomiast jako wyraz "wartość...
- Selektory elementów CSS / Selektor typu
selektor { cecha: wartość } gdzie wyrazem selektor może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne [zobacz: Wstawianie stylów]. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Wyrazy "cecha" (ang. property) oraz "wartość" (ang. value) określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Tutaj będą przedstawione jedynie selektory. Selektor typu jest podstawowym rodzajem selektora...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
Spis treści <link "prev, next, help, search"> Wstęp Sekwencja <link "prev, next"> Pomoc <link "help"> Szukaj <link "search"> Wstęp (interpretuje: Opera 12-) Niektóre przeglądarki pozwalają określić bezpośrednio z poziomu strony WWW dodatkowe punkty nawigacyjne w serwisie. Mogą one być wyświetlane na specjalnym pasku narzędzi (najczęściej Nawigacja) w postaci linków do wskazanych stron. Część z tego typu punktów nawigacyjnych może być również wykorzystywana przez roboty wyszukiwarek...
- Tekst HTML / Źródło <cite>
<cite>...</cite> wyświetlanie: w linii Zwykle jest napisany kursywą. Umieszcza się w nim tytuł utworu, do którego się odnosimy, ale nie sam cytat. Może to być np. tytuł książki, opracowania, wiersza, partytury, piosenki, scenariusza, filmu, programu telewizyjnego, gry komputerowej, rzeźby, obrazu, sztuki teatralnej, przedstawienia, opery, musicalu, wystawy, protokołu sprawy czy nazwa programu komputerowego itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik...
Tabele HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Umieść na stronie tabelę. Jeżeli tworzysz stronę o sobie, może to być np. lista Twoich ulubionych filmów. W tabeli możesz umieścić następujące kolumny: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Odpowiednio oznacz komórki nagłówkowe tabeli za pomocą znaczników TH. Oddziel nagłówek tabeli od jej właściwej zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby...
- Dobre praktyki / Przykazania webmastera
...ilustracje we właściwych formatach graficznych Stosuj fizycznie pomniejszone miniatury zdjęć Strona powinna być czytelna bez grafiki Stosuj inny tytuł na każdej podstronie Używaj tytułów nagłówkowych Dla każdego widocznego pola formularza używaj znaczników label Grupuj pola formularzy znacznikami fieldset, a nie div Tam gdzie to tylko możliwe, używaj znaczników, które najbardziej szczegółowo oddają znaczenie elementów W dokumentach używaj tylko tyle znaczników i atrybutów, ile...