wstawić - Kurs HTML i CSS
Aktualizacja / Nowość...aktualizacji serwisu) wystarczy tylko usunąć zbędny kod, aby niepotrzebnie nie zaśmiecał źródła dokumentu. Aby zasygnalizować nowość, należy wstawić w treści nagłówkowej dokumentu (wewnętrz <head>...</head>) następujący kod: <script> function nowosc(dzien, miesiac, rok, godzina, minuta, napis, obrazek) { var obrazek_domyslny = 'nowosc.gif'; // lokalizacja obrazka var napis_domyslny = 'NOWOŚĆ'; // tekst alternatywny if (typeof obrazek == 'undefined') obrazek...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...wpisano zdefiniowany uprzednio identyfikator menu. Teraz w nagłówku dokumentu HTML (<head>...</head>), na którym wstawione jest menu, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="menu.css"> 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 Aby uzyskać...
HTML dla zielonych / Znaczniki HTML...<b>. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Dzięki niemu możesz np. ustalić kolor tła, rodzaj formatowania tekstu, wstawić obrazek czy tabelę itd. Znacznik nie jest widoczny na ekranie. Widoczne są tylko efekty jego działania (np. wstawienie obrazka). Ja sam aby umieszczony powyżej znacznik <b> był widoczny, musiałem się posłużyć pewną "sztuczką" (jeśli nie możesz wytrzymać i już teraz chcesz wiedzieć jaką, zajrzyj na stronę: Znaki specjalne). Ponieważ znaki...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...stronach - możliwe, że w zupełnie innym serwisie - znajdą się linki do tych stron, zostaną one normalnie zaindeksowane. Aby temu zapobiec, należy wstawić dyrektywę "noindex" na stronach, które nie powinny być zaindeksowane. Specyfikacja HTML 4.01 wskazuje tylko następujące wartości tego elementu: all, index, nofollow, noindex. Choć inne specyfikacje jasno wskazują na dodatkowe wartości, to jeśli chcesz mieć największą pewność, że dyrektywy zostaną uwzględnione, zamiast "none" możesz użyć...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
...do mnie. Tylko proszę, jeśli nie masz nic konkretnego do napisania, nie przysyłaj mi pustych listów 😉 Pytania i odpowiedzi <a "mailto"> Jak wstawić adres e-mail w HTML? W tym celu trzeba umieścić na stronie znacznik odsyłacza z atrybutem, w którym będzie się znajdował adres poczty e-mail poprzedzony przez "mailto:". Na przykład jeśli chcemy wstawić odnośnik do adresu "jan.kowalski@example.com", należy się posłużyć następującym kodem: <a...
- Formularze HTML / Pole wyboru <input "checkbox">
...nie mogą znajdować się dwa elementy o tym samym identyfikatorze - atrybut id="..."! Pytania i odpowiedzi <input "checkbox"> W jaki sposób w HTML wstawić pole wielokrotnego wyboru? Aby zezwolić użytkownikowi wypełniającemu formularz zaznaczyć więcej niż jedną odpowiedź na określone pytanie, najwygodniej jest się posłużyć polem typu checkbox. Na przykład: <input type="checkbox" name="pytanie" value="odpowiedź">. Trzeba jednak przy tym pamiętać, że każde pole tego typu powinno mieć...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction command commandfor, input "button" popovertarget popovertargetaction>
...Dowolny unikalny tekst - tzn. taki, który nie może się powtórzyć w tym samym dokumencie w postaci drugiego atrybutu id="..." Otwórz Zamknij Można wstawić własne napisy, które zostaną wyświetlone na przyciskach otwierających lub/i zamykających okienko popover akcja Może przyjąć postać: toggle - naprzemienne otwieranie i zamykanie popovera (domyślnie) show - otwieranie popovera hide - zamykanie popovera komenda Może przyjąć postać: toggle-popover - naprzemienne otwieranie i zamykanie...
- HTML5 / Okno dialogowe <dialog closedby open, button "button" command commandfor, form "dialog", button "dialog">
...Dowolny unikalny tekst - tzn. taki, który nie może się powtórzyć w tym samym dokumencie w postaci drugiego atrybutu id="..." Zamknij Można wstawić własny napis, który zostanie wyświetlony na przycisku zamykającym okno dialogowe Okno dialogowe może zostać otwarte od razu po wejściu na stronę, bez potrzeby wykonywania żadnej dodatkowej akcji przez użytkownika. Może to być przydatne w sytuacji, kiedy wymagane jest podjęcie ważnej akcji, zanim w ogóle będzie można przejść do właściwej...
- HTML dla zielonych / Pozioma linia HTML <hr>
<hr> Pozwala wstawić na stronie poziomą linię (ang. horizontal rule), za pomocą której np. można rozdzielić sąsiednie grupy akapitów wyraźnie różniące się między sobą tematycznie. UWAGA! Znacznik <hr> nie posiada w języku HTML znacznika zamykającego! Przykład <hr> <p>Akapit...</p> <p>Akapit...</p> <hr> <p>Akapit...</p> <p>Akapit...</p> Pytania i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...się poprawnie wszystkie polskie znaki diakrytyczne, w nagłówku strony - tzn. w dowolnym miejscu wewnątrz elementu <head>...</head> - trzeba wstawić tzw. deklarację strony kodowej. Najczęściej stosowanym zapisem jest w tym przypadku: <meta charset="utf-8">. Oprócz tego konieczne jest dysponowanie odpowiednim edytorem HTML, który obsługuje polski alfabet. Jak ustawić utf-8 HTML? utf-8 to nazwa tzw. strony kodowej, dzięki której wszystkie znaki na stronie - w tym polskie litery...