wstawić html - Kurs HTML i CSS
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ć...
- 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ć...
- 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 / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- Multimedia HTML / Osadzenie pliku <embed>
...która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed> jest przydatne jeśli chcemy wstawić na stronę jeden z plików multimedialnych: *.wav - plik dźwiękowy typu "wav" *.mid - plik dźwiękowy typu "midi" *.avi - plik typu "avi" *.ra - plik Real Audio Player *.mp3 - plik dźwiękowy typu "mp3" (MPEG Layer-3) *.mpeg - plik typu "mpeg" *.mov - plik typu "mov" *.asf - plik typu "asf" i inne Polecenie to współpracuje z...
- Formularze HTML / Pole tekstowe <input "text">
...tabindex="6"></td> <td><input type="text" name="nazwa9" tabindex="9"></td> </tr> </table> Pytania i odpowiedzi <input "text, number"> Jak wstawić pole tekstowe w HTML? W tym celu do dokumentu HTML wewnątrz znacznika FORM należy wstawić odpowiedni znacznik: <input type="text" name="...">. Jak zrobić pole numeryczne w HTML? Pole numeryczne jest odmianą pola tekstowego, w którym jednak można wpisywać tylko liczby. Aby umieścić go wewnątrz formularza, wystarczy ustawić mu...
- Formularze HTML / Pole opcji <input "radio">
...radio" disabled> Tych pól nie możesz zaznaczać ani odznaczać: Pole 1 Pole 2 Pytania i odpowiedzi <input "radio"> W jaki sposób w HTML wstawić pole jednokrotnego wyboru? Aby zezwolić użytkownikowi wypełniającemu formularz zaznaczyć najwyżej jedną odpowiedź na określone pytanie, najwygodniej jest się posłużyć polem typu radio. Na przykład: <input type="radio" name="pytanie" value="odpowiedź">. Trzeba jednak przy tym pamiętać, że każde pole tego typu powinno mieć ustawioną inną...
CSS dla zielonych / Wyrównanie tekstu CSS {text-align}...ale jednocześnie chcielibyśmy, żeby tylko treść wstawiona w akapitach była jednak ustawiona do lewej strony. W tym celu w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: left; }. Jak wyśrodkować w CSS? Jeśli chcemy, aby wszystkie akapity na stronie były ustawione na środku ekranu, to w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: center; }. Możliwe jest również wycentrowanie tylko jednego akapitu. W tym celu trzeba się jednak posłużyć kodem HTML...
- HTML5 / Załącznik <figure, figcaption>
...IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem: <figure> <img src="zdjecie.jpg" alt="Tekst zastępczy"> <figcaption>Podpis zdjęcia</figcaption> </figure>. W odróżnieniu od tekstu zastępczego - który jest używany na wypadek, gdyby zdjęcie nie mogło być załadowane - podpis zdjęcia zawsze pojawi się na stronie. Kiedy FIGURE a kiedy ASIDE? Oba te...
Menu drzewiaste / Skrypt menu drzewiastego...wpisać tam href="javascript:void(0)". W jednym dokumencie nie może być dwóch elementów z takim samym atrybutem id="...". Dlatego jeżeli chcemy wstawić drugie menu na tej samej stronie, trzeba dla niego użyć już zmodyfikowanego kodu, np.: <ul id="tree1" class="tree"> ... </ul> <script> new Tree("tree1"); </script> Aby menu prezentowało się w pełni funkcjonalnie, trzeba jeszcze przygotować trzy grafiki ikon i zapisać je w tym samym katalogu, co skrypt menu. Na przykład: closed.gif...