tabele html - Kurs HTML i CSS
Podcast HTML / #5 Tabele HTML...można umieścić tekst lub inne elementy. Należy pamiętać, że komórki tabeli <td> muszą znajdować się wewnątrz znaczników wierszy <tr>. Domyślnie tabele nie mają obramowania, co może sprawić, że są mało czytelne. Obramowanie można dodać za pomocą atrybutu <table border="1">. Wąską tabelę można wyśrodkować, używając atrybutu style="margin: auto" w znaczniku <table>. Nagłówki i tytuły tabeli Komórki nagłówkowe <th>: służą do wstawiania komórek nagłówkowych zamiast zwykłych komórek...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu 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...
- Podcast HTML / #7 Widżety HTML
...ramek po kliknięciu odnośnika, należy użyć kodu JavaScript: <a href="javascript:void(0)" onclick="parent.nazwaramki1.location.href = 'adres1.html'; parent.nazwaramki2.location.href = 'adres2.html'; return false">...</a> "nazwaramki1" i "nazwaramki2" to wartości atrybutów name="..." nadane znacznikom <iframe>. W niektórych przypadkach zamiast parent.nazwaramki trzeba użyć top.nazwaramki albo self.nazwaramki. Możliwe jest załadowanie więcej niż dwóch ramek poprzez dodanie kolejnych...
Szablon strony na DIV-ach / Semantyczny szablon stronySpis treści Szablon strony na DIV-ach Dlaczego nie tabele? Szablon strony na DIV-ach Po lekturze rozdziału pt. Menu w CSS powinny być Ci już znane praktyczne możliwości stylizacji elementów stron internetowych. Wiesz już zapewne, dlaczego rozwiązanie oparte o CSS jest najkorzystniejszym wyborem przy tworzeniu menu nawigacyjnego. Dlaczego zatem ograniczać się tylko do menu, kiedy można przecież zyskać jeszcze więcej, projektując całą stronę w ten sam sposób: Wyobraź sobie, że po roku...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...jest zwykle wykorzystywany do budowy szkieletu strony w oparciu o CSS, a nie tak jak robiło się kiedyś - w oparciu o odpowiednio sformatowane tabele. Tworzenie szkieletu strony w oparciu o tabele zostało obmyślone w czasach, kiedy nie było jeszcze CSS lub był słabo wspierany przez przeglądarki. Wtedy był to jedyny sposób budowy bardziej wyszukanego układu treści. Obecnie interpretacja CSS w popularnych przeglądarkach jest już wystarczająca, aby ostatecznie porzucić stare nawyki...
- Podcast HTML / #1 HTML dla zielonych
...link) jest tworzony za pomocą znacznika <a>. Do podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz pocztowy: atrybut href musi zawierać mailto: przed adresem e-mail. <a...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...również własną metodę. Wybierz tą, która najbardziej 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...
- Podcast HTML / #9 HTML5
...błędów. Wprowadzenie nowych znaczników semantycznych, aby uczynić sieć bardziej dostępną. Uproszczona deklaracja typu dokumentu to <!doctype html>, która nie przełącza przeglądarki w tryb Quirks. Uproszczono również deklarację strony kodowej do <meta charset="utf-8">. Nowe elementy semantyczne i strukturalne W języku HTML5 wprowadzono nowe elementy, które tworzą sekcje lub grupują zawartość, w tym: Sekcje: <article>, <aside>, <nav>, <section>. Znaczniki grupujące: <figure>...
- Podcast HTML / #3 Tekst HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Modele wyświetlania znaczników HTML Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz...