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...
- 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ę...
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...
- 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...
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...
- 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...
- 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...
- 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...
- HTML5 / Nowe atrybuty HTML5
Język HTML5 definiuje nie tylko zupełnie nowe elementy (znaczniki), ale również dodatkowe atrybuty, które można przypisywać również do elementów, które były zdefiniowane już w specyfikacji HTML 4.01. Atrybuty Zastosowanie Opis allow IFRAME Polityka uprawnień, która ma zostać zastosowana do zawartości elementu IFRAME allowfullscreen IFRAME Czy pozwolić zawartości elementu IFRAME na użycie funkcji requestFullscreen() as LINK (rel="preload" lub rel="modulepreload") Potencjalny...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...narzędziem formatującym. Jeśli poważnie myślisz o zajęciu się projektowaniem stron WWW, koniecznie musisz je poznać. Przestarzałe atrybuty i znaczniki, znajdujące się bezpośrednio w składni HTML, które dotyczą formatowania (zobacz: Elementy zdeprecjonowane), będą stopniowo wycofywane przez producentów przeglądarek internetowych, na rzecz rekomendowanych analogicznych deklaracji CSS. Dokumenty pisane z wykorzystaniem arkuszy stylów są zwykle bardziej przejrzyste i krótsze. Style...