google - Kurs HTML i CSS
Ikony (symbole) / KomunikacjaMożesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Poczta mail mail Połączenie call call Powiadomienia notifications notifications Wyślij send send Czatuj chat chat Link link link Forum forum forum Inwentarz 2 inventory_2 inventory_2 Dymek czatu chat_bubble chat_bubble Telefon w trakcie...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy. Po uruchomieniu edytora HTML należy wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany. Oto jak przykładowo powinny...
- 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...
- Promocja strony WWW / Rejestracja w wyszukiwarkach
Pierwsze co należy zrobić po wprowadzeniu strony do Internetu i jej przetestowaniu, to zarejestrować ją w najpopularniejszych wyszukiwarkach sieciowych. W obecnej chwili najpopularniejsze wyszukiwarki w Polsce to: Google i Bing. Dlatego właśnie na tych dwóch wyszukiwarkach - a zwłaszcza na pierwszej z nich - należy skupić największą uwagę, bo zdecydowana większość polskich użytkowników używa właśnie ich. Od pozycji na ich listach wyszukiwania zależy w głównej mierze popularność Twojego serwisu.
Wyszukiwarka / Wyszukiwanie tylko w polskim Internecie<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="lr" value="lang_pl"> <input type="submit" value="Szukaj"> </form> Przykład
- Tekst HTML / Kod poprawny semantycznie
Spis treści Znaczniki formatujące i semantyczne Komu to jest potrzebne? Podsumowanie Znaczniki formatujące i semantyczne Patrząc na liczbę znaczników, służących do formatowania tekstu na ekranie przeglądarki internetowej, można się zastanawiać: po co jest ich aż tyle? Jaki był sens wprowadzania znacznika <strong>...</strong> (mocne wyróżnienie), skoro właściwie zwykle jest on wyświetlany tak samo jak <b>...</b> (pogrubienie)? Czy nie lepiej tworzyć akapity za pomocą podwójnych...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
Spis treści <html lang, link hreflang> Język dokumentu <html lang> Inne wersje językowe <link hreflang> Domyślna wersja językowa Język dokumentu <html lang> <html lang="język">...</html> gdzie jako "język" należy podać skrót nazwy wybranego języka. Polecenie to pozwala podać, w jakim języku jest napisana Twoja strona internetowa, np.: pl - polski, en - angielski, de - niemiecki, fr - francuski, it - włoski, es - hiszpański i inne [zobacz: Skróty nazw jezyków]. Nie należy również...
- Wyszukiwarka / Wyszukiwanie w całym światowym Internecie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="submit" value="Szukaj"> </form> Jeśli dokumenty w Twoim serwisie korzystają z innej strony kodowej niż utf-8, wstaw w wyróżnionym miejscu jej nazwę. Przykład
- Ikony (symbole) / Akcje interfejsu użytkownika
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Szukaj search search Strona główna home home Menu menu menu Zamknij close close Ustawienia settings settings Zaznacz kółko check_circle check_circle Ulubione favorite favorite Dodaj add add Usuń delete delete Strzałka wstecz arrow_back...
- Ikony (symbole) / Społecznościowe
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Osoba person person Grupa group group Udostępnij share share Kciuk w górę thumb_up thumb_up Grupy groups groups Publiczne public public Dodaj osobę person_add person_add Uścisk dłoni handshake handshake Konsultant wsparcia support_agent...