bezpośrednio - Kurs HTML i CSS
Skórki...nowej skórce, ogranicza się do zewnętrznego arkusza stylów, czyli pliku style.css. Jeżeli formatowanie ważnych elementów serwisu będzie przeniesione bezpośrednio do kodu źródłowego dokumentów HTML, z poziomu arkusza CSS niewiele będzie się dało zmienić. Z doświadczenia mogę poradzić, że semantyczny kod znacznie łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o...
Tekst HTML / Indeks górny i dolny <sup, sub>...tekstu wewnątrz znacznika <sub>...</sub>. Jak zrobić indeks górny i dolny jednocześnie? Jeśli wstawimy znaczniki indeksu górnego i dolnego bezpośrednio po sobie, to ten drugi w kolejności wyświetli się przesunięty w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A<span style="display: inline-block; line-height: 0.5"><sup style="display: block">1</sup><sub>2</sub></span>.
- Tekst HTML / Akapit <p>
<p>...</p> wyświetlanie: w bloku * Akapit jest to część tekstu objęta znacznikami: <p>...</p>. Następujące bezpośrednio po sobie akapity są oddzielone przerwą w tekście (pustą linią). Dzięki umieszczaniu w kolejnych akapitach treści nieco różniącej się tematycznie, strona stanie się bardziej estetyczna oraz czytelniejsza. Jeżeli przed akapitem lub serią akapitów postawimy znak paragrafu § (w kodzie źródłowym reprezentowany przez znak specjalny §) z ewentualnym numerem porządkowym, to...
- Odsyłacze HTML / Do adresu internetowego <a "http, https">
...jej adres (z paska adresu przeglądarki) i umieścić w odsyłaczu. Dzięki temu wszyscy użytkownicy odwiedzający naszą witrynę, będą mogli przenieść się bezpośrednio do wskazanej strony, bez potrzeby wpisywania jej adresu. Przykład <a "https"> Odsyłacz do portalu internetowego onet.pl
Odsyłacze HTML / Ćwiczenia...z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu otwórz duże zdjęcie w dowolnym programie graficznym - może to być nawet aplikacja Paint, która jest dostępna w systemie Windows - i pomniejsz go (w prorgamie Paint należy użyć opcji "Zmień rozmiar"). Następnie zapisz małe zdjęcie na dysku pod...
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
...Sieciowy Protokół Transportu Wiadomości) to protokół, na którym opierają się grupy dyskusyjne. Możliwe jest podanie odwołania do wybranej grupy bezpośrednio poprzez protokół NNTP. Odsyłacz newsrc <a "newsrc"> <a href="newsrc://adres">opis</a> Plik .newsrc zawiera informacje na temat grupy dyskusyjnej: czy została przez użytkownika zasubskrybowana oraz które artykuły zostały przeczytane. Dzięki temu można używać kilku programów odczytujących grupy dyskusyjne bez konieczności ponownego...
- Tabele HTML / Ćwiczenia
...zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby przynajmniej jeden gatunek zawierał kilka różnych filmów. Umieść je w wierszach bezpośrednio jeden pod drugim. Następnie połącz pionowo wszystkie komórki zawierające ten sam gatunek. Przykładowy efekt może wyglądać następująco: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Dramat, Komedia Forrest Gump 1994 9 Akcja, Science-Fiction Matrix 1999 8 Matrix Reaktywacja 2003 7 Matrix...
- Widżety HTML / Ramki HTML
Ramka to dodatkowe okienko, często z własnymi suwakami do przewijania jego zawartości, umieszczone bezpośrednio na stronie, w którym jest wyświetlana inna strona. Można powiedzieć, że jest to taka strona w stronie. W jednym dokumencie HTML możemy umieścić wiele tego typu okienek. Jednak należy pamiętać, że każde z nich wczytuje wewnątrz pełną stronę - razem ze wszystkimi multimediami, które mogą być na niej osadzone. Może to oznaczać bardzo długi czas ładowania całego dokumentu z wstawionymi...
- Formularze HTML / Grupowanie pól <fieldset, legend>
...wersji powoduje pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po znaczniku otwierającym <fieldset> oraz nie może zawierać elementów blokowych. Przykład <fieldset, legend> Wybierz opcję: Opcja 1 Opcja 2 Opcja 3 Wpisz dane Tytuł Wybierz opcję: Opcja 1 Opcja 2 Opcja 3
- Znaki specjalne HTML / Emotikony (emoji)
...Możesz wskazać odszukaną ikonę myszką, aby zobaczyć jej opis. Pod ikonami znajdują się odpowiadające im kody numeryczne znaków, które możesz wkleić bezpośrednio w źródło dokumentu HTML. Możesz również zaznaczyć wybraną ikonę myszką, a następnie skopiować ją do schowka. Aby przekształcić dowolną emotikonę (emoji) na plik graficzny, możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij tworzenie ikony