struktura - Kurs HTML i CSS
Tabele HTML / Struktura tabeli HTML <table, tr, td>...Ci odpowiada i stosuj ją konsekwentnie. Pytania i odpowiedzi <table, tr, td> Co to są tabele i do czego służą? Tabela w języku HTML to struktura używana do organizowania danych w formie siatki z komórkami (rubrykami), składającej się z wierszy i kolumn. Służy do prezentacji danych o powtarzającym się charakterze (np. różnego rodzaju zestawień) w uporządkowany sposób, umożliwiając ich czytelne i zrozumiałe wyświetlanie na stronie internetowej. Jak zrobić tabelę? W tym celu...
- 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 / Wstawienie obrazka HTML <img src alt>
...czy w jakimś podkatalogu - ścieżka dostępu jest taka sama. W takim przypadku wystarczy podać nazwę pliku bez żadnych dodatków. Jest to najprostsza struktura katalogów (szczególnie pierwsza - wszystko w jednym katalogu). Stosuje się ją szczególnie w serwisach składających się z niewielu podstron. Jeśli masz problemy ze swobodnym tworzeniem bardziej skomplikowanych ścieżek dostępu, polecam Ci właśnie ten model, ponieważ możliwość pomyłki jest tutaj naprawdę niewielka. Poprawnie...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i technikum z zakresu informatyki oraz materiałach ze strony Kurs HTML i CSS. Lekcje...
- Podcast HTML / #5 Tabele HTML
...HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Struktura podstawowa tabel Tabela w języku HTML to struktura służąca do organizowania danych w formie siatki, składającej się z wierszy i kolumn. Jest używana do prezentacji danych o powtarzającym się charakterze w uporządkowany i czytelny sposób. Znacznik <table>...</table>: oznacza początek i koniec całej tabeli. Znacznik <tr>...</tr>: służy do wstawiania nowego wiersza. W każdym wierszu...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
Spis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura HTML i pierwsza strona Lekcja 2 - Dodawanie obrazków i linków Lekcja 3 - Formatowanie strony i style CSS Lekcja 4 - Tworzenie strony za pomocą szablonu Lekcja 5 - Elementy programowania: proste skrypty JavaScript Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla branżowej szkoły I stopnia z zakresu informatyki oraz...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...możesz go po prostu bezpośrednio wpisać - bez używania żadnych dodatkowych poleceń. Pytania i odpowiedzi <head, body, meta charset> Jaka jest struktura dokumentu HTML? Dokument HTML składa się z sekcji nagłówkowej <head>...</head> i właściwego ciała dokumentu <body>...</body>. W nagłówku wpisujemy m.in. tytuł i opis strony. Natomiast w ciele dokumentu znajduje się tekst i inne elementy, które wyświetlą się w oknie przeglądarki. Z jakich sekcji składa się dokument HTML? Dokument...
AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTMLW Internecie dosyć popularnym rozwiązaniem, stosowanym na wielu stronach, jest budowanie struktury serwisu w oparciu o tabele (lub elementy <div>...</div>) i ramki <iframe>...</iframe> (przykład takiego właśnie szablonu znajdziesz w rozdziale Struktura tabeli). Jest to wygodne o tyle, że pozwala szybko zbudować stronę elastyczną w aktualizacji, bez wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować...
- Skórki
...w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich podstronach serwisu, a nie tylko na tej jednej. Oczywiście w żadnym wypadku nie wolno wpisywać bezwzględnej...
- Podcast HTML / #8 Formularze HTML
...a wszystkie elementy formularza muszą znajdować się pomiędzy nimi. Formularzy nie można zagnieżdżać (umieszczać jednego w drugim). Podstawowa struktura znacznika <form>: Przesyłanie na e-mail: <form action="mailto:adres e-mail gdzie wysłać formularz" method="post">...</form>. Można również podać temat listu: <form action="mailto:adres e-mail?subject=temat" method="post">...</form>. Obsługa przez skrypt: jako wartość atrybutu action="..." można podać adres skryptu PHP lub CGI. Jeśli...