dokument - Kurs HTML i CSS
Definicje / Dokument źródłowy(source document) Dokument do którego odnosi się jeden lub więcej arkuszy stylów. Jest on zapisany w określonym języku, który reprezentuje dokument jako drzewo elementów. Każdy element składa się z nazwy identyfikującej typ elementu oraz opcjonalnie atrybutów i zawartości (która może być pusta).
Menu drzewiaste / Skrypt menu drzewiastegoSpis treści Wymagana wiedza Skrypt menu drzewiastego Kolekcje dokumentów Wyrażenia regularne Wymagana wiedza Zagnieżdżanie wykazów <ul>...</ul> Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów i klasy selektorów) Skrypt menu drzewiastego Aby uzyskać menu drzewiaste, utwórz plik tree.css w tym samym katalogu co strona i zapisz w nim: ul.tree { display: block; margin-left: 0; padding-left: 0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0...
- Menu drzewiaste / Przykład menu drzewiastego
Kliknij foldery menu myszą: Dokument 1 Folder 2 Dokument 2.1 Dokument 2.2 Folder 3 Dokument 3.1 Folder 3.2 Dokument 3.2.1 Dokument 3.2.2 Dokument 3.2.3 Dokument 3.3 Dokument 4 new Tree("tree0");
Multimedia HTML / Osadzenie pliku <embed>...duże rozmiary, a więc wczytywanie takiej strony w Internecie, może trwać potwornie długo! Możliwe jest również bezpośrednie osadzenie na stronie dokumentu PDF. Jest to format, który stał się powszechnym standardem publikacji elektronicznych. Umożliwia m.in. różnorodne formatowanie tekstu, wstawianie grafiki i inne. Dokumenty PDF można stworzyć np. przy użyciu programu wbudowanego w pakiet biurowy WordPerfect Office 2000, natomiast aby przeglądać pliki PDF, trzeba dysponować darmowym...
- Widżety HTML / Szablon strony bez ramek
...trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu 🙁 Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim przypadku teoretycznie można stworzyć jedną stronę index.html, na której...
- HTML5 / Składnia (X)HTML5
Spis treści Przykładowy dokument HTML5 Przykładowy dokument XHTML5 MathML i SVG Przykładowy dokument HTML5 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>...</title> </head> <body> ... </body> </html> W pierwszej linijce widzimy skróconą deklarację typu dokumentu (co ważne, nie przełącza ona przeglądarki w tryb Quirks). Powiedzmy sobie szczerze - raczej nikt nie był w stanie zapamiętać rozwlekłej formy DTD dla języka HTML 4 ani XHTML 1. Przeglądarki...
- HTML dla zielonych / Edytory HTML
...SVG, SMIL, P3P, ASP i inne. Wsparcie to dotyczy nie tylko ułatwionej edycji plików źródłowych w tych językach - program oferuje bowiem kontekstową dokumentację dla wybranego polecenia języka, przeglądanie za pomocą serwera czy funkcję dynamicznego kodu, która uwalnia od konieczności pamiętania poleceń języka. CoreEditor (płatny - dostępna wersja DEMO) Tańszy konkurent Pajączka, następca darmowego EdHTML przepisany zupełnie od nowa. Bardzo dobrze spisuje się jako edytor dla osób...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
Stronę WWW tworzy się podobnie jak zwykły dokument tekstowy. Po uruchomieniu edytora HTML należy wybrać opcję z menu: Plik/Nowy (lub File/New). Teraz można już zacząć pisanie strony. Jednak ponieważ dokument HTML nie jest całkowicie zwykłym plikiem tekstowym (zawiera hipertekst, osadzone obrazki i musi być poprawnie wyświetlany w różnych systemach operacyjnych na całym świecie), dlatego wymyślono specjalny szablon dokumentu HTML, który powinien być przestrzegany. Oto jak przykładowo powinny...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...ś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 dokumentu strona.html - drogę "przejścia" zaznaczono kolorem zielonym i strzałkami. Przy tworzeniu ścieżki zawsze "startujemy" od strona.html i zmierzamy do plik.gif. Plik index.html stanowi stronę główną, którą się teraz nie zajmujemy. Poprawnie: plik.gif Niepoprawnie: C:\www\plik.gif, plik.GIF, plik Jak widać obrazek plik.gif oraz dokument...
- HTML5 / Filmy i dźwięk <video, audio, source>
...nakręcony filmik, użyj do tego znacznika VIDEO. Na przykład jeśli plik wideo nazywa się "film.mp4" i znajduje się w tym samym katalogu na dysku co dokument *.html, w którym chcesz go wstawić, możesz się posłużyć następującym kodem: <video src="film.mp4"> <a href="film.mp4">Pobierz film</a> </video>. Jakie znaczniki w HTML5 są wykorzystywane do osadzania plików multimedialnych na stronie internetowej? Aby wstawić na stronie odtwarzacz filmów, należy się posłużyć znacznikiem VIDEO...