akapity - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...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 Podcast HTML: #1 HTML dla zielonych Podcast HTML: #3 Tekst HTML Przebieg 10 min - Wprowadzenie do HTML (możesz się posłużyć podcastem) Omówienie budowy dokumentu HTML5. Wyjaśnienie znaczenia elementów <html>, <head>, <body>. 10 min - Praca z edytorem Uczniowie otwierają edytor HTML...
Podcast HTML / #1 HTML dla zielonych...HTML ułatwiają pracę i chronią przed błędami składniowymi dzięki funkcji kolorowania składni i automatycznemu zamykaniu znaczników. Znaczniki i akapity Zwykły tekst wpisuje się bezpośrednio w ciele dokumentu (wewnątrz <body>...</body>). Aby przenieść tekst do nowej linijki, należy użyć znacznika końca linii <br>, ponieważ klawisz Enter jest ignorowany przez przeglądarkę. Akapit (paragraf) jest tworzony za pomocą znacznika <p>...</p>. Akapity są rozdzielone linijką przerwy i służą do...
- Podcast HTML / #3 Tekst HTML
...W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz akapity (<p>), służą do tworzenia obszerniejszych struktur. Pamiętajmy, że <p> jest elementem blokowym, który nie może zawierać innych bloków. Do grupowania elementów służy również blok <div>. W linii: Elementy są wyświetlane normalnie, obok siebie, bez dodatkowych interlinii. Przykładem są: pogrubienie (<b>), kursywa (<i>) oraz podkreślenie...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...Pokaz struktury dokumentu HTML w edytorze na stronie. 15 min - Uczniowie przepisują gotowy kod z rozdziału Ramy dokumentu HTML i dodają własne akapity oraz pogrubienia/pochylenia tekstu. 10 min - Wspólne omówienie i poprawki kodu. 5 min - Zadanie domowe: dokończ stronę z własnym tekstem - np. Moje hobby, z użyciem przynajmniej 3 znaczników formatowania tekstu. Lekcja 2 - Wstawianie obrazków i linków Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi dodać obrazek i utworzyć...
- HTML dla zielonych / Akapit HTML <p "text-align">
<p>Tu wpisz treść akapitu</p> Akapit (w pewnych warunkach nazywany paragrafem) to pewien ustęp w tekście. Następujące po sobie akapity, są rozdzielone linijką przerwy. Treść akapitu należy wpisać pomiędzy znacznikami <p> oraz </p>. Przyjęło się, że praktycznie każdy zwykły tekst na stronie WWW umieszcza się w akapitach. Pojedynczy akapit przedstawia ustęp w tekście, który nieco różni się tematycznie od poprzedniego. Zamiast stosować dwa znaczniki końca linii: <br><br>, można po prostu objąć...
HTML dla zielonych / Podcast HTML...czego się nauczysz w tej części kursu: Napisz własną stronę WWW nawet w 1 dzień! Opanuj podstawy tworzenia stron internetowych (znaczniki, akapity, linki, edytory np. Brackets). Zacznij tworzyć za darmo. 🔊 Posłuchaj podcastu HTML
- Tekst HTML / Kod poprawny semantycznie
...<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 znaczników <br> zamiast <p>...</p>? Czy to aby nie jest pomyłka organizacji W3C, że wprowadzono znacznik <h1>...</h1> (tytuł rozdziału), skoro ten sam efekt można uzyskać dobierając odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe...
- Widżety HTML / Szablon strony bez ramek
...właściwą zawartość. Może być to po prostu treść tekstowa, prawdopodobnie ze znacznikami formatującymi, takimi jak pogrubienie lub pochylenie, akapity itp. Ważne jest, aby do plików head.php i foot.php wydzielić jak największy fragment kodu źródłowego - ten, który powtarza się na wszystkich podstronach serwisu. Aby wykorzystać szablon PHP, wszystkie pliki podstron serwisu muszą mieć rozszerzenie *.php, a nie *.html, czyli np. podstrona.php. Plik strony głównej serwisu musi się nazywać...
Przeglądarka zdjęć...new Array('zdjęcie', 'Tytuł') W opisie można bez przeszkód używać znaczników HTML, np. aby wprowadzić formatowanie tekstu lub podzielić treść na akapity. Ponadto aby odpowiednio wystylizować przeglądarkę zdjęć, można do niej dołączyć np. taki arkusz CSS: .zdjecia { text-align: center; } .zdjecia_menu { margin-bottom: 10px; font-size: 10px; } .zdjecia_menu input, .zdjecia_menu select { font-size: 10px; } .zdjecia_opis { margin-top: 10px; text-align: justify; }...
- Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum
...podróżniczy, poradnik, portfolio). Strona powinna zawierać: poprawną strukturę HTML5, co najmniej 3 podstrony połączone odsyłaczami, nagłówki, akapity, listy (numerowane i nienumerowane), tabele prezentujące dane (np. harmonogram, cennik, porównanie), grafikę i przynajmniej jeden osadzony materiał multimedialny (np. film z YouTube lub dźwięk, przez <iframe> lub <audio> / <video>), stylowanie przy użyciu CSS - m.in. kolorystyka, czcionki, marginesy, tło, klasy CSS i style dla linków...