listy html - Kurs HTML i CSS
Rozwijane menuWykorzystując element <select>...</select> można stworzyć rozwijane menu, które działa w ten sposób, że po wyborze konkretnej opcji z listy, następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w...
Wstawianie stylów CSS / Kaskadowość stylów...HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym priorytecie ważności (na początku listy) mają pierwszeństwo w modyfikowaniu elementów dokumentu. Style niżej w hierarchii mogą zmienić formatowanie jakiegoś elementu, tylko jeśli style o wyższym priorytecie nie dotyczą tego konkretnego elementu. Na szczególną uwagę zasługuje również fakt, że style CSS z dowolnego źródła zawsze są ważniejsze niż atrybuty prezentacyjne przypisane...
Tekst HTML / Zagnieżdżanie wykazów...</ol> Pytania i odpowiedzi <ul, ol, li> Co można uzyskać poprzez zagnieżdżanie wykazów? Pozwala to stworzyć wykaz wielopoziomowy w postaci listy punktów głównych z podpunktami niższego poziomu. Każdy kolejny poziom wykazu zwykle jest bardziej przesunięty w prawo. Jak zrobić listę w liście HTML? Aby stworzyć wielopoziomowe wypunktowanie lub numerację, należy umieścić element wykazu podrzędnego <ul>...</ul> lub <ol>...</ol> wewnątrz znacznika <li>...</li> wykazu nadrzędnego.
- HTML5 / Kategorie elementów HTML5
...OBJECT, OUTPUT, SELECT, TEXTAREA elementy wysyłalne (ang. submittable elements) Oznaczają elementy, które mogą być używane do konstruowania listy pól podczas przesyłania formularza. BUTTON, INPUT, SELECT, TEXTAREA elementy resetowalne (ang. resettable elements) Oznaczają elementy, które mogą być zmienione, gdy formularz jest resetowany. INPUT, OUTPUT, SELECT, TEXTAREA elementy dziedziczące kapitalizację i autokorektę (ang. autocapitalize-and-autocorrect inheriting elements)...
- Komendy HTML 4.01 / Wykaz elementów
...Tekst do wprowadzenia przez użytkownika LABEL wymag/wymag w linii Etykieta LEGEND wymag/wymag Legenda LI wymag/opcj Punkt listy LINK wymag/zabr Odnośnik MAP wymag/wymag w linii Mapa odnośników klienta MENU wymag/wymag w bloku Lista menu META wymag/zabr Informacje profilowe dokumentu NOFRAMES wymag/wymag w bloku Brak obsługi ramek NOSCRIPT wymag/wymag w bloku Brak obsługi skryptów OBJECT wymag/wymag w linii Osadzony obiekt...
- HTML5 / Nowe atrybuty HTML5
...BUTTON (type="submit"), INPUT (type="submit" lub type="image") formaction - URL do użycia przy wysyłaniu formularza; formenctype - typ kodowania listy danych do użycia przy wysyłaniu formularza; formmethod - metoda do użycia przy wysyłaniu formularza; formnovalidate - pominięcie walidacji kontrolek formularza przy wysyłaniu formularza; formtarget - cel nawigacyjny dla wysyłania formularza hidden Wszystkie elementy Czy element jest istotny imagesizes, imagesrcset LINK...
- HTML5 / Sekcja <section>
...pomieszczeniu. Zapewnia przyzwoite osiągi sprzętowe.</p> </section> Tak przedstawione bloki tekstu są raczej zbyt obszerne, aby wstawić je w formie listy opisowej. Opisują nie tylko definicję terminów, ale również typowe sposoby użytkowania oraz główne zalety. Z drugiej strony opisy są raczej za mało kompletne, aby zamiast znaczników SECTION użyć ARTICLE. Tak wyrwane z kontekstu sekcje, samodzielnie nie stanowiłyby raczej zbyt wartościowej treści. Widzimy jednak, że bez wątpienia przykład ten...
- Aktualizacja / System newsów
...osoba, można podać domyślnego autora i ewentualnie e-mail. Dzięki temu nie trzeba będzie już tego robić podczas dodawania pojedynczych nowości do listy. Oczywiście jeżeli wybrane newsy będą dodane np. przez innego autora, wprowadzenie konfiguracji domyślnej w tym nie przeszkadza. Dla takich specjalnych pozycji będzie wystarczyło po prostu podać różniące się dane wprost przy dodawaniu newsów - domyślne ustawienia konfiguracji zostaną dla tych różniących się elementów nadpisane. Następnie w...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...możliwość</option> <option>Tu wpisz drugą możliwość</option> </optgroup> </select> Czasem zachodzi potrzeba wizualnego zgrupowania kilku opcji listy rozwijalnej. Można oczywiście próbować wstawiać pomiędzy kolejne grupy znaczniki OPTION zawierające np. kilka znaków myślnika lub po prostu pustą zawartość. Niestety opcje takie tak naprawdę niczym nie będą różniły się od pozostałych, tzn. będzie je można normalnie wybrać. Można jednak dokonać grupowania za pomocą osobnego znacznika...
- Promocja strony WWW / Pozycjonowanie (SEO)
...większość wyszukiwarek, więc wpisywanie aż tak długiego tekstu nie ma większego sensu. Wyrazy o większym znaczeniu należy umieszczać na początku listy. Obecnie wyszukiwarka Google w ogóle nie uwzględnia tego znacznika przy indeksowaniu stron, a zatem jego rola staje się coraz bardziej marginalna. Może on być jednak przydatny dla innych wyszukiwarek. Poza tym jeśli dobrze dobierzemy słowa kluczowe, możemy je później wykorzystać np. do stworzenia alfabetycznego indeksu haseł lub...