link - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365; border-left: 1px solid #797;} ul a:hover { background-color: #797; background-position: -16px -49px; color: #eff; } Rezultat: Czcionki Tekst...
Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>...osadzamy ramkę, ale tym razem z innym dokumentem. W pliku "ramka2.html" możemy umieścić następujące odsyłacze: <a target="_top" href="...">Ten link załaduje się w miejsce pliku "index.html"</a> <a target="_parent" href="...">Ten link załaduje się w miejsce pliku "ramka1.html"</a> <a href="...">Ten link załaduje się w miejsce pliku "ramka2.html"</a> Przykład <a target> Zobacz powyższy przykład Wczytanie stron do dwóch ramek Jak łatwo zauważyć, za pomocą pojedynczego odsyłacza można...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...align CAPTION, IFRAME, IMG, INPUT, OBJECT, LEGEND, TABLE, HR, DIV, H1, H2, H3, H4, H5, H6, P, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR alink, link, text, vlink BODY background BODY bgcolor TABLE, TR, TD, TH, BODY border OBJECT cellpadding, cellspacing TABLE char, charoff COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR clear BR compact DL, MENU, OL, UL frame TABLE frameborder TABLE height TD, TH hspace, vspace IMG, OBJECT marginheight...
- Podcast HTML / #2 Nagłówek i treść HTML
...strona ma być indeksowana ("index") czy nie ("noindex") oraz czy roboty mają podążać za odsyłaczami ("follow" lub "nofollow"). Dodatkowe funkcje i linki W nagłówku dokumentu można także umieścić inne elementy <link> lub <meta>, które dodają specjalne funkcje lub wskazują na powiązane dokumenty. Strona Kanoniczna: w celu usunięcia zduplikowanych stron z wyników wyszukiwania (powielona treść pod różnymi URL), stosuje się znacznik <link rel="canonical">. Wyszukiwarka zazwyczaj wyświetli...
- HTML5 / Kategorie elementów HTML5
W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować. Kategorie zawartości są ze sobą powiązane w następujący sposób (niektóre elementy mogą należeć również do...
- Menu w CSS / Menu z nagłówkami
...dt { background-color: #ccc; color: #000; padding: 7px; font-weight: bold; font-size: larger; text-align: center; } dl a:link, dl a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } dl a:hover { border-style: inset; padding: 7px 3px 3px 7px; } CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd { display: block; margin: 0; padding: 0...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Wprowadzenie do HTML i struktury dokumentu Lekcja 2 - Wstawianie obrazków i linków Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla klas IV-VIII szkoły podstawowej z zakresu informatyki oraz materiałach ze strony HTML dla zielonych. Lekcje zostały rozplanowane na 3 spotkania po 45 minut...
- 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...
Przeglądarka zdjęć...należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. przegladarka_zdjec.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function PrzegladarkaZdjec(id, zdjecia) { this.czas = 5; // czas przejścia w trybie pokazu slajdów [sek] this.id = id; this.zdjecia = zdjecia; var timerID = null; this.wyswietl = function(nr)...
- Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum
...Wyjaśnienie, czym są odsyłacze i jak je tworzyć Odsyłacz do innej strony Odsyłacz do innej podstrony Odsyłacz do adresu e-mail Przykłady linków do stron, podstron i adresów e-mail. 10 min - Ćwiczenie praktyczne: utworzenie strony z tytułem, nagłówkami, akapitem i odsyłaczem Uczniowie tworzą dokument HTML zawierający: tytuł, nagłówek, akapit z tekstem, odsyłacz do zewnętrznej strony. Używają interaktywnego edytora lub osobnego edytora HTML, aby wprowadzić zmiany i wyświetlić...