plik - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). Umieszczenie...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...Co to są roboty HTML? Witryn w całym Internecie jest tak dużo, że niemożliwe byłoby przeszukiwanie ich wszystkich w czasie rzeczywistym - tak jak plików na dysku lokalnym komputera. Dlatego każda wyszukiwarka internetowa (np. Google) posiada własnego robota (albo w skrócie po prostu bota). Jest to specjalny program, który nieustannie odwiedza wszystkie strony w Internecie i zapisuje ich przetworzoną treść w swojej bazie danych. Następnie kiedy użytkownicy wpisują określone słowa kluczowe...
- Tekst HTML / Klawiatura <kbd>
...tego elementu jest identyczne jak w przypadku kodu komputerowego. Przykład <kbd> Dla strony głównej serwisu internetowego należy utworzyć plik i nadać mu nazwę: <kbd>index.html</kbd>
Multimedia HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz dokument z licencją zawierającą informacje o prawach autorskich Twojej strony: kto jest jej autorem, jakie są zasady korzystania z niej (czy można kopiować treść i używać ją do celów komercyjnych) itp. W tym celu możesz skorzystać z programów takich jak: WordPad - dostępny w systemie Windows Open Office - darmowy pakiet biurowy Microsoft Office - pakiet aplikacji biurowych dostępny za...
- Widżety HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Znajdź w serwisie YouTube przynajmniej jeden ciekawy film powiązany tematycznie z Twoją stroną. Użyj funkcji "Udostępnij / Umieść", aby skopiować kod HTML widżetu z wybranym filmem. Wstaw film bezpośrednio w treści swojej strony. Otwórz Twoją stronę w przeglądarce i sprawdź, czy można uruchomić odtwarzanie filmu.
- Formularze HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Na podstronie kontakt.html dodaj formularz kontaktowy kierujący na Twój adres e-mail. W formularzu umieść następujące pola: Temat - pole tekstowe o nazwie name="subject" Wiadomość - obszar tekstowy o nazwie name="body" Wyślij - przycisk wysłania formularza Anuluj - przycisk wyczyszczenia danych Jeżeli masz skonfigurowane na swoim komputerze konto w programie pocztowym, otwórz w...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można się posłużyć odpowiednio następującymi znacznikami: <a href="podstrona.html"><img src="obrazek.jpg" alt="Przejdź do podstrony" style="border: 0"></a> (odsyłacz do podstrony), <a...
- Nagłówek i treść HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Dodaj informację o języku, w którym została wprowadzona treść na Twojej stronie. Podaj autora strony. Zdefiniuj ikonę strony. Jeżeli nie posiadasz wystarczających umiejętności graficznych, przykładową ikonę możesz wyszukać w internecie. Pamiętaj o poszanowaniu praw autorskich! Nie każdy obrazek można swobodnie skopiować sobie na swoją stronę, jeżeli autor nie wyraził na to zgody. Jednym z...
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
...</head> Tytuł kanału Nazwa kanału, która może pojawić się w przeglądarce przy jego subskrybowaniu adres kanału Ścieżka dostępu lub lokalizacja pliku z kanałem informacyjnym Kanał informacyjny to specjalny plik tekstowy w formacie XML zawierający listę artykułów (uszeregowanych od najnowszych), które pojawiły się ostatnio w serwisie. Użytkownik może zasubskrybować taki kanał w swojej przeglądarce lub innej przeznaczonej do tego aplikacji i otrzymywać na bieżąco powiadomienia o...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...pędzel malarski 🖌 🖍 Lewa-dolna kredka 🖍 📝 Notatka 📝 Biuro 💼 Aktówka, teczka 💼 📁 Folder plików 📁 📂 Otwórz folder plików 📂 🗂 Przekładki na karty 🗂 📅 Kalendarz 📅 📆 Kalendarz bloczkowy 📆 🗒 Notatnik ze spiralą 🗒 🗓 Kalendarz ze spiralą 🗓 📇 Katalog fiszkowy 📇 📈 Wykres z trendem wzrostowym 📈 📉 Wykres z trendem zniżkowym 📉...