temat - Kurs HTML i CSS
Ikony (symbole) / Formatowanie tekstuMoż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 Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Zapisuje i otwiera pliki HTML w przeglądarce. Materiały HTML dla zielonych Tekst HTML Odsyłacze HTML Przebieg 5 min - Wprowadzenie do tematu i celów lekcji Wyjaśnienie czym jest HTML, dlaczego jest kluczowy w tworzeniu stron internetowych, oraz jakie są jego podstawowe elementy. Krótkie wprowadzenie do struktury dokumentu HTML5. 10 min - Omówienie struktury dokumentu HTML i podstawowych znaczników Wyjaśnienie struktury HTML Omówienie nagłówków Omówienie akapitu...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...na pewno znajdziesz wiele stron, gdzie możesz darmowo pobrać gotowe przyciski. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu odsyłaczy obrazkowych na stronach internetowych, zobacz rozdział: Odsyłacze / Odsyłacz obrazkowy. Przykład <a href, img src alt "border"> Kliknij na tym przycisku: Pytania i odpowiedzi <a href, img src alt "border"> Jak zrobić, aby obrazek był linkiem? Najłatwiejszym sposobem umieszczenia...
- Nagłówek i treść HTML / Struktura dokumentu HTML
Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...stworzyć dobry serwis, który będzie często odwiedzany i którym będzie się można naprawdę pochwalić, trzeba czegoś więcej: Zastanów się dobrze nad tematyką swojej strony. Oczywiście nikt nie zabroni Ci publikacji informacji o tym, że np. Twój pies wabi się Azor, a kot - Mruczek, ale czy coś takiego naprawdę może przyciągnąć czytelników? Nie zapominaj, że część osób łączy się z Internetem ze smartfonu czy tabletu, płacąc za ilość danych pobranych z sieci, więc czy ktoś będzie tracił czas na...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...</head> Polecenie jest deklaracją strony kodowej, czyli sposobu w jaki będą zapisane w formie cyfrowej znaki na naszej stronie WWW. Więcej na ten temat możesz dowiedzieć się w rozdziale pt.: Strony kodowe. UWAGA! Absolutnie nie należy pomijać tego wpisu i powinna to być koniecznie deklaracja kodowania UTF, a nie WINDOWS, gdyż wtedy mogą wystąpić problemy z wyświetlaniem polskich znaków (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Pytania i odpowiedzi <meta charset> Jak...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...i odpowiedzi <meta "keywords"> Jak wpisać słowa kluczowe? Słowa kluczowe to lista wyrazów rozdzielonych przecinkami, które wskazują, o jakiej tematyce jest strona. Można je wpisać w nagłówku dokumentu - tzn. w dowolnym miejscu wewnątrz elementu <head>...</head> - używając następującego znacznika: <meta name="keywords" content="wyraz1, wyraz2, wyraz3...">. Jednak ponieważ tak wstawione słowa kluczowe nie wyświetlają się normalnie na stronie, w przeszłości twórcy witryn internetowych...
- Widżety HTML / Ostrzeżenie przed ramką
...możemy czasem natrafić na stronę, która wygląda jakoś dziwnie: nie posiada żadnego menu ani spisu treści, w którym można wybrać interesujący nas temat i swobodnie nawigować w całym serwisie. Strona taka jest jakby wyrwana z szerszej całości, ponieważ prawdopodobnie wchodzi w skład struktury ramek, lecz użytkownik wczytał ją bezpośrednio, a nie przez stronę startową. Dzieje się tak dlatego, ponieważ wyszukiwarki sieciowe indeksują wszystkie strony, bez względu czy wchodzą one w skład ramek...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...większą czcionką. Znaczniki tytułów (nagłówków) nie mogą zawierać elementów blokowych. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu tytułów w nagłówkach sekcji na stronach internetowych, zobacz rozdział HTML5: Podtytuł, Sekcja, Artykuł, Wstawka, Nagłówek, Stopka. Przykład <h1, h2, h3, h4, h5, h6> Przykład Prawidłowa kolejność tytułów nagłówków Należy dążyć do tego, aby tytuły na stronie były poukładane w odpowiedniej...
- I co dalej... / Darmowe komponenty
...można pokusić się jeszcze o założenie księgi gości, w której każdy odwiedzający stronę może wpisać krótką notkę, zawierającą np. opinie na temat strony, życzenia, krytyki itp. Wszystkie wpisy są zapisywane i każdy może je później oglądać. Jest to tak jakby księga pamiątkowa serwisu. Bardzo podobne do księgi gości jest forum dyskusyjne. Różnica polega na tym, że użytkownicy mogą rozpoczynać nowe tematy dyskusji oraz odpowiadać na pytania innych. Aby wstawić na swoją stronę licznik...