temat - Kurs HTML i CSS
CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}...dotted - linia kropkowa Natomiast "kolor" jest definicją koloru obramowania. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu obramowania na stronach internetowych, zobacz rozdziały: Styl obramowania, Szerokość obramowania, Kolor obramowania. Zaokrąglone narożniki .nazwa-klasy { border-radius: promień; } Aby określić promień zaokrąglenia, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...i pytania uczniów Zadanie końcowe / projekt Uczniowie indywidualnie lub w parach przygotowują własną stronę internetową na wybrany przez siebie temat (np. hobby, sport, gry komputerowe, poradnik). Strona powinna zawierać: poprawną strukturę HTML5, co najmniej 2 podstrony połączone odsyłaczami, nagłówki, akapity, stylowanie za pomocą CSS (kolory, tło, czcionki), prostą interakcję JavaScript (np. sprawdzanie formularza, potwierdzenie operacji), Podsumowanie Cykl lekcji spełnia...
HTML dla zielonych / Wstawienie obrazka HTML <img src alt>...internetowej). UWAGA! Znacznik <img> nie posiada w języku HTML znacznika zamykającego! Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <img> Ścieżka dostępu <img> Poniżej znajdziesz przykłady poprawnych ścieżek dostępu, dla różnych struktur katalogów na dysku. We wszystkich przypadkach naszym zamiarem będzie wstawienie obrazka o nazwie plik.gif do...
- HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">
...względem otaczającego go tekstu right Obrazek po prawej stronie względem tekstu Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <img src alt "float"> style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <div "center", img src alt> Pytania i odpowiedzi <div "center", img src alt> Jak wycentrować zdjęcie HTML? Najłatwiejszym sposobem umieszczenia obrazka na środku strony jest wstawienie go wewnątrz znacznika z...
Formularze HTML / ĆwiczeniaOtwó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...
- I co dalej... / Podsumowanie
...pt. Promocja strony WWW. Życzę jak największego zainteresowania Twoją stroną wśród wszystkich internautów oraz samych pochlebnych opinii na jej temat Sławomir Kokłowski P.S.: Swoją nową stroną możesz pochwalić się na forum dyskusyjnym i w księdze gości tego serwisu (online). Będzie mi również bardzo miło, jeśli na swojej stronie umieścisz link do mojego kursu www.kurshtml.edu.pl - dziękuję...
- HTML5 / Nowe elementy HTML5
...nie musisz używać tej sztuczki... ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja może mieć nagłówek (tytuł rozdziału) i stopkę (zawierającą informacje o autorze, prawach autorskich itp.). W ramach znaczników przydatnych przy wstawianiu sekcji, wyróżnić możemy elementy, które fizycznie te sekcje tworzą (ang. sectioning elements)...
- Ikony (symbole) / Formatowanie tekstu
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 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...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...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 wszystkiego w jednym pliku (index.html), absolutnie nie jest wskazane (chyba że Twoja strona jest...