opis strony - Kurs HTML i CSS
I co dalej... / Rejestracja...umieszczeniu w określonej lokalizacji na serwerze ze stroną specjalnego pliku albo dodaniu do kodu źródłowego strony specjalnego znacznika. Dokładny opis procedury weryfikacyjnej powinien znajdować się w materiałach dostępnych po zalogowaniu na konto w wybranej wyszukiwarce. Ponadto wyszukiwarki w prezentowanych użytkownikom wynikach wyszukiwania korzystają często z tytułu strony oraz opisu zawartości strony. Ciekawy ale niezbyt długi opis może zachęcić internautów do obejrzenia Twojej...
Reguły specjalne CSSW odróżnieniu od zwykłych reguł stylów, reguły specjalne rozpoczynają się zawsze znakiem "@". Poniżej znajdziesz skrócony opis wszystkich rodzajów reguł specjalnych CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy wybrana reguła została wprowadzona. Wzór Znaczenie Opis CSS @charset "wart"; strona kodowa Zewnętrzny arkusz stylów 2 @import "adr"; @import...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...co dokument *.html, w którym chcemy wstawić zdjęcie, można się posłużyć następującym znacznikiem: <img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka">. Tekst "Tu wpisz krótki opis obrazka" normalnie nie pojawi się na stronie, ale zaleca się go nie pomijać. Może on zostać pokazany, jeśli z jakiegoś powodu przeglądarka nie będzie mogła wyświetlić zdjęcia. Jest również przydatny osobom niewidomym, które korzystają ze stron internetowych zwykle za pomocą specjalnych syntezatorów mowy...
- Odsyłacze HTML / Do adresu internetowego <a "http, https">
(w obrębie całego Internetu) Połączenie niezabezpieczone <a href="http://adres strony">opis</a> Bezpieczne połączenie SSL <a href="https://adres strony">opis</a> Protokół SSL (Secure Sockets Layer - Bezpieczna Warstwa Gniazdek) został opracowany przez firmę Netscape Communications Corporation. Jest używany do przesyłana poufnych danych. Teoretyczne za jego pomocą można nawiązać połączenie ze zwykłą stroną HTML - analogicznie jak w przypadku niezabezpieczonego odsyłacza do adresu...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości dotyczące dokumentu, m.in. sposób kodowania znaków, opis zawartości strony, jej autora czy język, w którym została napisana. Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Każdy dokument powinien zawierać obowiązkowo...
- Ikony (symbole) / Formatowanie tekstu
...edit_off Widok patchworku view_quilt view_quilt Widok karuzeli view_carousel view_carousel Zwiększ tekst text_increase text_increase Żądanie strony request_page request_page Formatuj tekst text_format text_format Widok paska bocznego view_sidebar view_sidebar Strony pages pages Sześciokąt hexagon hexagon Formatuj wyrównanie do obu stron format_align_justify format_align_justify Dodatek do dokumentów docs_add_on docs_add_on Liczby numbers numbers Widok tygodnia w kalendarzu...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...serwisu. Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca: <a href="względna ścieżka dostępu do podstrony">opis odsyłacza</a> Zasady wpisywania ścieżki dostępu są takie same jak w przypadku obrazków. Natomiast zamiast: "opis odsyłacza", należy wpisać krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi przejście do podanej podstrony (adres strony jest widoczny tylko w pasku statusu przeglądarki). Za pomocą tego typu odsyłacza...
Galeria zdjęć HTML / Skrypt galerii zdjęć...galerii. Ponadto aktualizacja zdjęć w takiej galerii nie będzie w tym przypadku utrudniona - dodanie nowego zdjęcia będzie się wiązało tylko z dopisaniem jednej dodatkowej linijki bez potrzebny tworzenia całej galerii od nowa. Aby wstawić na stronę skrypt galerii zdjęć, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT...
- Czcionki CSS / Czcionki osadzone @font-face
...pliku czcionki. Natomiast przypisanie tak zdefiniowanej czcionki do wybranych elementów na stronie odbywa się już w standardowy sposób, który został opisany w rozdziale. pt. Rodzaj czcionki. <html> <head> <style> @font-face { font-family: comic; src: url(http://adres/plik.ttf); } body { font-family: comic; } </style> </head> <body> Ten tekst jest napisany czcionką osadzoną "comic". <p style="font-family: comic">Ten akapit używa czcionki osadzonej "comic".</p> </body> </html> Warto...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...Odsyłacz pocztowy Przebieg 5 min - Powtórzenie z poprzednich zajęć: budowa dokumentu HTML. 10 min - Pokaz na rzutniku: jak dodać obrazek + opis atrybutów. 15 min - Uczniowie wstawiają obrazek do swojej strony z poprzedniej lekcji + tworzą link do wybranego serwisu (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...