znaczniki html - Kurs HTML i CSS
Tekst HTML / Zagnieżdżanie wykazów...zagnieżdżenia aktualnie jesteśmy. Dlatego polecam używanie takiego sposobu wpisywania. Dobrze jest również na samym początku zamykać wszystkie znaczniki <ul>, <ol> oraz <li> (większość edytorów HTML i tak robi to automatycznie), a dopiero potem wpisywać do nich wykazy podrzędne. Dzięki temu unikniemy błędnego wyświetlania, spowodowanego zapomnieniem zamknięcia znacznika. Kod wykazów podrzędnych wpisuje się wewnątrz znacznika <li>...</li> wybranego punku wykazu nadrzędnego. Pomiędzy...
Wstawianie stylów CSS / Sposoby osadzania stylów CSS...jakie dają style CSS, konieczna jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu źródłowego strony, a następnie dzięki CSS można nadać im potem określony sposób wyświetlania. Sposoby wstawiania stylów do gotowych dokumentów są różne. Nie znaczy to, że jedne są lepsze od drugich. Każdy sposób jest przydatny w innych sytuacjach. Większość witryn stosuje jednocześnie wszystkie z przedstawionych metod osadzania...
- Nagłówek i treść HTML / Tytuł strony <title>
...ten sam fragment z nazwą serwisu, ale oprócz tego każdy dokument powinien zawierać dalszą część tytułu, opisującą jego zawartość. Tytuł strony jest znacznikiem obowiązkowym. Pominięcie go stanowi błąd! Ponadto treść tytułu nie może zawierać żadnych znaczników. Pytania i odpowiedzi <title> Co to jest tytuł strony? Tytuł strony to tekst, który zwykle pojawia się na karcie przeglądarki ze stroną oraz w wynikach wyszukiwania np. Google. Gdzie można umieścić <title>? Znaczniki...
Ochrona strony...<div id="body"> Treść dokumentu </div> </body> </html> Oczywiście w nagłówku dokumentu mogą - a nawet powinny (!) - znaleźć się również inne znaczniki (<meta>, <title>...</title> itp.). Nie można zapomnieć o deklaracji DTD. Nic nie stoi również na przeszkodzie, aby dodać atrybuty do znacznika BODY, określające np. kolor tekstu i tła strony. Ważne jest jedynie, aby skrypt został wstawiony w ramy dokumentu tak jak pokazano. Podsumowanie Niestety takie rozwiązania zwykle nie są idealne...
- Tryb Quirks / X-UA-Compatible
...Aby opisany tutaj znacznik META funkcjonował prawidłowo, musi znajdować się w nagłówku strony, a przed nim mogą być wstawione tylko inne znaczniki <meta> lub element <title>...</title>! Co zmienia przejście z trybu Compatibility View (MSIE 7) do trybu Standards Compliance (MSIE 8)? HTML Prawidłowe dodawanie cudzysłowów obejmujących tekst zawarty w znaczniku <q>...</q> Zawartość atrybutu <img src="..." alt="..."> nie wyświetla się już w "dymku" narzędziowym (co było...
- HTML5 / Załącznik <figure, figcaption>
...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 znaczniki dodają do dokumentu HTML5 jakiegoś rodzaju wtrąconą treść. Oba również z powodzeniem moglibyśmy umieścić na osobnej stronie - poza artykułem, w którym pierwotnie się znalazły. Jednak treść artykułu zwykle bezpośrednio odnosi do występujących w nim ilustracji i diagramów, dlatego co najwyżej moglibyśmy przenieść je na inną podstronę...
- Komendy HTML 4.01 / HTML
Główny (nadrzędny) element dokumentu. Zawiera wewnątrz wszystkie inne znaczniki. Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) VERSION="wersja" Wersja DTD (niezalecene - należy używać deklaracji typu dokumentu, np.: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> ) Znacznik otwierający: opcjonalny Znacznik zamykający...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...{ var items = data[key]; new Gallery(new GalleryModel(items), new GalleryView(items)).start(); }); })(); Następnie na stronie wstaw znaczniki odnośników i obrazków - podobnie jak się to robi w klasycznej galerii zdjęć. Jedyną zmianą, którą musisz dodatkowo zrobić, to do znaczników odsyłaczy z powiększonymi zdjęciami dodaj atrybut data-gallery. Na przykład: <a data-gallery href="zdjecie1.jpg"><img src="miniatura1.jpg" border="0"></a> <a data-gallery href="zdjecie2.jpg"><img...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...Firefox 35) selektor { list-style-type: symbols(symbole) } lub selektor { list-style-type: symbols(algorytm symbole) } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. W przypadku definiowania anonimowego typu stylu wykazu każdy element listy symbolów musi być zawsze ujęty w cudzysłowy ("...") albo apostrofy ('...') - nawet kiedy spełnia format niestandardowego identyfikatora...
- Czcionki CSS / Waga czcionki {font-weight}
...(bold) waga 800 waga 900 Wartości względne: lighter - czcionka mniej wytłuszczona od odziedziczonej lub przypisanej do znacznika (np. typowo znaczniki <b>...</b> oraz <strong>...</strong> mają przypisaną domyślną wagę "bold") bolder - czcionka bardziej wytłuszczona Przykład waga lighter w stosunku do wartości "200" waga lighter dla znacznika <B>...</B> waga bolder w stosunku do wartości "800" waga bolder dla znacznika <B>...</B> Pytania i odpowiedzi {font-weight} Co...