przykład html - Kurs HTML i CSS
Aktualizacja / System newsów...poniżej, jednak tym razem zapisujemy go w pliku z rozszerzeniem *.js - np. news.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function News(days) { this.config = { ////////// // Konfiguracja: 'days': 0, // ilość dni wyświetlania newsów (0 = zawsze) // Ustawienia domyślne: 'author': '', // autor 'email': '', // e-mail 'img': '', // obrazek 'width': '', // szerokość...
- Menu rozwijane, otwierane, wysuwane / Menu wysuwane
Normalnie pozycje menu są rozwijane począwszy od pierwszej do ostatniej, a zwijane od ostatniej do pierwszej. Można odwrócić te kolejności, dzięki czemu uzyskamy efekt wysuwania: <script> new Menu('menu0', '', false, true); </script> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno new Menu('menu3', '', false, true);
HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>...pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2 zostanie wyświetlona jako indeks górny litery x.
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
...Przykład <link "rss"> <link rel="alternate" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" href="https://www.kurshtml.edu.pl/rss/rss.php?id=1" type="application/rss+xml">
- Tekst HTML / Indeks górny i dolny <sup, sub>
wyświetlanie: w linii Indeks górny <sup>...</sup> Indeks dolny <sub>...</sub> Umożliwia wprowadzenie indeksów (górnych lub dolnych) przy cyfrach i literach. Przykład <sup, sub> indeks<sup>górny</sup> indeks<sub>dolny</sub> Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Element ten pozwala wstawić indeks dolny w tekście - tzn. wyświetlić go pomniejszoną czcionką, lekko przesunięty w dół. Jak się robi indeks dolny? Aby wstawić indeks dolny w dokumencie HTML...
- Tekst HTML / Wyróżnienie <em, strong>
wyświetlanie: w linii Emfaza (szczególny nacisk) <em>...</em> Wysoka ważność (powaga lub pilność) <strong>...</strong> Pozwala wyróżnić dowolny tekst (tzw. emfaza), aby podkreślić jego znaczenie. Pierwsze polecenie zwykle wyświetla tekst napisany kursywą, natomiast drugie - pogrubiony. Różnią się one jednak od zwykłego wytłuszczenia i kursywy tym, że dodatkowo niosą ze sobą pewne informacje co do ważności tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na...
- Tekst HTML / Zmienna <var>
<var>...</var> wyświetlanie: w linii Wprowadza na ekran zmienną (matematyczną lub języka programowania), która zostaje wyróżniona, najczęściej poprzez pochylenie tekstu. Przykład <var> zmienna = a + 2b + 3 Pytania i odpowiedzi <var> Jak zrobić zmienną w HTML? W tym celu należy umieścić tekst wewnątrz znacznika <var>...</var>. Jak oznaczyć zmienną? Chociaż możemy w dowolny sposób wyróżnić wizualnie tekst będący zmienną (np. matematyczną, fizyczną, języka programowania albo parametr...
- Tekst HTML / Skrót <abbr>
wyświetlanie: w linii <abbr>...</abbr> Znacznik ten pozwala oznaczyć wpisaną formę skróconą jak np.: "inż.", "prof.". Obejmuje to również tzw. akronimy (skrótowce), czyli wyraz utworzony z pierwszych liter lub pierwszych zgłosek (najczęściej sylab) kilku wyrazów będących zwykle jakąś nazwą, np.: "WWW" (World Wide Web). Akronim od skrótu najłatwiej można odróżnić po tym, że w języku polskim po skrócie stawiamy kropkę, chyba że kończy się ostatnią literą pełnego wyrazu (jak "nr" - numer)...
- Odsyłacze HTML / Do adresu internetowego <a "http, https">
(w obrębie całego Internetu) Połączenie niezabezpieczone <a href="http://adres strony">opis</a> Bezpieczne połączenie SSL <a href="https://adres strony">opis</a> Protokół SSL (Secure Sockets Layer - Bezpieczna Warstwa Gniazdek) został opracowany przez firmę Netscape Communications Corporation. Jest używany do przesyłana poufnych danych. Teoretyczne za jego pomocą można nawiązać połączenie ze zwykłą stroną HTML - analogicznie jak w przypadku niezabezpieczonego odsyłacza do adresu...
- Tabele HTML / Zagnieżdżanie tabel
<table> <tr> <td> <table> <tr> <td>...</td> </tr> </table> </td> </tr> </table> gdzie kolorem czerwonym zaznaczono tabelę główną (nadrzędną), a kolorem zielonym tabelę wewnętrzną (podrzędną). Możliwe jest oczywiście dalsze zagnieżdżanie. Dzięki konstrukcji zagnieżdżania tabel, możliwe jest zbudowanie wielu tabel "jedna w drugiej". Tabele wewnętrzne znajdują się w komórkach tabeli zewnętrznej. Zauważ, że w składni polecenia powyżej, tabela podrzędna jest bardziej wcięta...