dokumentu - Kurs HTML i CSS
Drukowanie CSS / Typ strony wydruku {page}...najlepiej by było wydrukować w orientacji pionowej, ale wtedy tabele mogą się nie zmieścić w szerokości kartki papieru. Nie chcielibyśmy też całego dokumentu drukować w orientacji poziomej, ponieważ w ten sposób ułożony na kartce tekst niewygodnie się czyta. Nie chcielibyśmy również zmuszać użytkownika, żeby osobno drukował strony dokumentu zawierające akapity tekstu, a potem ręcznie przestawiał orientację papieru, aby wydrukować zbyt szerokie tabele. Na szczęście dzięki CSS można rozwiązać...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...treści i elementy wizualne. Lekcja 1 - Struktura HTML i pierwsza strona Czas trwania: 45 minut Cele szczegółowe Uczeń poznaje strukturę dokumentu HTML5. Tworzy prostą stronę zawierającą tytuł, nagłówki i akapity. Materiały HTML dla zielonych Tekst HTML Przebieg 10 min - Wprowadzenie do HTML Omówienie budowy dokumentu HTML5. Wyjaśnienie znaczenia elementów <html>, <head>, <body>. 10 min - Praca z edytorem Uczniowie otwierają edytor HTML i tworzą nowy dokument...
HTML dla zielonych / Tekst pogrubiony HTML <b>...bold), który się wewnątrz niego znajduje. Podobna funkcja jest zwykle dostępna w zwykłych edytorach (np.: WordPad), podczas tworzenia normalnego dokumentu tekstowego. Przykład <b> Po wpisaniu w edytorze HTML następującego kodu: <b>Ten tekst jest pogrubiony (wytłuszczony)</b> na ekranie przeglądarki otrzymamy: Ten tekst jest pogrubiony (wytłuszczony) Pytania i odpowiedzi <b> Jak zrobić pogrubiony tekst? Aby wytłuścić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...wstawić następujący znacznik: <meta charset="utf-8">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem deklarację strony kodowej dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego!
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
...content="Tu podaj opis twojej strony">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem opis strony dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego! Ponadto w pliku *.html powinien się znajdować tylko jeden opis strony.
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...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 nadużywali tego sposobu. Dodawali oni wiele...
- Tekst HTML / Kod komputerowy <code>
<code>...</code> wyświetlanie: w linii Pozwala wprowadzić fragment kodu komputerowego ("wyciąg" z programu lub źródła dokumentu), który jest napisany czcionką monotypiczną (tak jak w przypadku tekstu preformatowanego). Nie uwzględnia on jednak dodatkowych spacji, tabulacji ani znaków końca linii (trzeba używać <br>) oraz jest automatycznie zawijany. Ponieważ powyższy znacznik nie uznaje znaków końca linii, dodatkowych spacji, a także nie blokuje zawijania tekstu na ekranie, zamiast niego...
- Tekst HTML / Przykład <samp>
<samp>...</samp> wyświetlanie: w linii Pozwala wprowadzić do dokumentu tekst, będący przykładem wyniku wygenerowanego przez program, skrypt itp. Zwykle działa analogicznie jak <code>. Przykład <samp> <samp>To jest przykład użycia znacznika "samp"</samp>
- Nagłówek i treść HTML / Edytor <meta "generator">
...wpisać nazwę programu, przy użyciu którego została stworzona strona. Pozwala określić nazwę edytora HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
- Komendy HTML 4.01 / <!-- Komentarz -->
Oznacza wieloliniowy komentarz, który nie pokaże się w oknie przeglądarki, lecz będzie znajdował się bezpośrednio w kodzie źródłowym dokumentu. Zobacz więcej...