linki - Kurs HTML i CSS
Selektory pseudoklas CSS / Odsyłacz podstawowy :link...atrybut href="..." określa adres docelowy. Na przykład: <a href="https://www.example.com">Tekst odsyłacza</a>. Jaki kolor ma link? Domyślnie linki są niebieskie (kolor #0000FF czyli blue), a odwiedzone linki są fioletowe (kolor #800080 czyli purple). Jak zmienić kolor odsyłacza HTML? Aby zmienić kolor odsyłacza w HTML, można użyć atrybutu style="..." lub zdefiniować regułę CSS. Na przykład: <a href="https://www.example.com" style="color: red">Tekst odsyłacza</a> lub w...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...(np. Wikipedia). 10 min - Wariant dla chętnych: link obrazkowy i link do adresu e-mail. 5 min - Zadanie domowe: dodaj drugi obrazek oraz dwa linki - jeden do innej strony, drugi do adresu e-mail (mailto). Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi zmienić kolor tła, tekstu, czcionkę. Rozumie znaczenie estetyki i dopasowania strony do treści. Materiały Kolor tła oraz tekstu HTML Wielkość i rodzaj czcionki HTML...
HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">...strony internetowej zawsze musi rozpoczynać się od http:// lub https:// Odsyłacz taki jest przydatny, jeśli chcemy umieścić w swoim serwisie tzw. linki do dowolnych stron w obrębie całego Internetu. Jeśli surfując w sieci, trafimy na jakąś ciekawą stronę, możemy skopiować jej adres (z paska adresu przeglądarki) i umieścić w odsyłaczu. Dzięki temu wszyscy użytkownicy odwiedzający naszą witrynę, będą mogli przenieść się bezpośrednio do wskazanej strony, bez potrzeby wpisywania jej adresu...
- HTML dla zielonych / Podsumowanie
...Znajdziesz tam o wiele więcej przydatnych znaczników, dzięki którym napiszesz jeszcze lepszą stronę. Aby kontynuować Kurs HTML, kliknij poniższe linki: Nagłówek i treść Tekst Odsyłacze Tabele Multimedia Widżety Formularze HTML5 Dodatkowo w rozdziale: I co dalej możesz przeczytać szczegółowy opis, jak wprowadzić swoją stronę do Internetu (zupełnie za darmo). Zapraszam... Jeśli planujesz stworzyć bardziej profesjonalną stronę internetową, zachęcam do zapoznania się z rozdziałem...
HTML dla zielonych / Podcast HTML...czego się nauczysz w tej części kursu: Napisz własną stronę WWW nawet w 1 dzień! Opanuj podstawy tworzenia stron internetowych (znaczniki, akapity, linki, edytory np. Brackets). Zacznij tworzyć za darmo. 🔊 Posłuchaj podcastu HTML
Tekst HTML / Ćwiczenia...dla Ciebie osoby. Jeżeli w treści swojej strony używasz skrótów bądź definicji, zadbaj o ich oznaczenie właściwymi znacznikami. Na podstronie linki.html użyj wykazu (wypunktowanie) w taki sposób, aby każdy odnośnik wraz z jego krótkim opisem znajdował się w osobnym punkcie. Na podstronie kontakt.html użyj znacznika ADDRESS, aby odpowiednio oznaczyć informacje kontaktowe z autorem strony - czyli z Tobą 🙂
- XHTML / Typy MIME dokumentów XHTML
...być również serwowane z tym typem, jednak w takim przypadku niektóre przeglądarki mogą ich nie wyświetlić zgodnie z regułami języka XHTML, tzn. np. linki mogą nie być "klikalne"! Domyślny system kodowania znaków to UFT-8 lub UTF-16. Inne kodowanie można określić za pomocą nagłówka HTTP lub deklaracji XML. Deklaracja strony kodowej za pomocą znacznika META nie jest rozpoznawana (w tego typu dokumentach XHTML nie powinno się jej wstawiać)! text/xml Inny ogólny typ przeznaczony dla języka XML...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...koniecznie przy użyciu elementu <h1>...</h1>. Stopka serwisu Zwykle umieszcza się tutaj skróconą notkę o prawach autorskich (© ...) oraz linki: "Kontakt", "Polityka prywatności" itp. Do budowy szablonu wykorzystamy elementy <div>...</div>, ponieważ jest to poprawne semantycznie. Zgodnie ze specyfikacją HTML 4.01, element DIV jest ogólnym pojemnikiem, pozwalającym dodać strukturę do dokumentu, którą potem można wykorzystać przy stylizacji za pomocą CSS. Musimy jednak w jakiś...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img...
- Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum
...uczniów, wyjaśnia je i udziela wskazówek, jak je poprawić. 5 min - Zadanie domowe: rozbudować stronę o kolejny odsyłacz do innej podstrony i linki menu Uczniowie mają za zadanie dodać koleją wewnętrzną podstronę oraz menu nawigacyjne w serwisie. Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi wstawiać obrazki do strony HTML. Uczeń formatuje tekst, używając podstawowych znaczników (pogrubienie, kursywa...