zapis - Kurs HTML i CSS
HTML5 / Składnia (X)HTML5...URL w nich zawartych. Dlatego zdecydowano się ją skrócić. W nowej wersji nie ma znaczenia wielkość liter w zawartości DTD - poprawny będzie także zapis: <!DOCTYPE html> Specyfikacja pozwala również na stosowanie specjalnej deklaracji, która ma na celu uzyskanie kompatybilności z bardzo starymi przeglądarkami: <!DOCTYPE html SYSTEM "about:legacy-compat"> Wydaje się jednak, że nie ma takiej potrzeby i standardowa skrócona deklaracja jest w zupełności wystarczająca. Przykładowy dokument...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...może nie być żadnego pola tego typu. Dlatego zwykle umieszcza się w nim dodatkowy przycisk, którego wciśnięcie wysyła formularz. Który zapis definiuje przycisk w formularzu wysyłający zawartość formularza z napisem "Wyślij"? Aby to zrobić, wewnątrz formularza należy umieścić odpowiedni znacznik: <input type="submit" value="Wyślij">.
- Znaki specjalne HTML / Encje HTML
...dziesiętny numer danego znaku, w drugiej - jego nazwa. Są one równoważne, dlatego możemy używać ich zamiennie, ale wydaje mi się, że ten drugi zapis jest bardziej czytelny, ponieważ jest skrótem od angielskiej nazwy danego symbolu. Zwróć także szczególną uwagę, że przy wpisywaniu nazwy znaku, ważna jest wielkość liter, np. Α to nie jest to samo co α! W kolumnie opis znajduje się pełna angielska nazwa wszystkich znaków, dalej - objaśnienie w języku polskim, a na końcu możesz...
- Języki / Strony kodowe
...UTF ISO Strony kodowe UTF W 1993 roku została opracowana specjalna strona kodowa tzw. Unicode. Jest to standard 16-bitowy i dzięki temu może zapisać aż 65536 znaków. Pozwala to umieścić w jednej stronie kodowej większość alfabetów świata, co sprawia, że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty zapisane w...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...np.: /*12345*/. Wszystko pomiędzy tymi znakami jest ignorowane przez przeglądarkę. Komentarzy takich nie można zagnieżdżać, tzn. niedozwolony jest zapis: /*123/*000*/456*/. Komentarz może składać się z wielu linii, np.: /* Ten tekst zostanie zignorowany przez przeglądarkę, ale może zawierać informacje cenne dla projektanta arkusza CSS */ Ponadto w języku HTML całą zawartość arkusza stylów, tzn. wnętrze znacznika <style>...</style> można ująć w komentarz HTML: <style> <!-- /* To jest...
- Jednostki CSS / Łańcuchy znakowe
...należy podać: "123\"123" (poprawnie). To samo dotyczy pojedynczego cudzysłowu (zamiast '123'123' należy wpisać '123\'123'). Natomiast dozwolony jest zapis: "123'123" lub '123"123'. Niedozwolone jest bezpośrednie użycie znaku nowej linii (przez przełamanie linii klawiszem Enter). Należy zamiast tego użyć znaku \A. Jeśli łańcuch jest bardzo długi, można go przedzielić na dwie linie, ale wtedy trzeba koniecznie postawić na końcu pierwszej linii (w miejscu przedzielenia tekstu) znak odwróconego...
- Selektory specjalne CSS / Klasy selektorów <... class>
...stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie samo formatowanie, a dodatkowo nie można dla nich posłużyć się selektorem typu, ponieważ na stronie znajdują się inne znaczniki tego samego rodzaju...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
...wystarczy wpisać: « («) i » (»). W języku polskim kombinacji znaków »...« używa się, gdy występuje cudzysłów w cudzysłowie. Natomiast zapis «...» stosuje się do wskazania znaczeń w słownikach i opracowaniach naukowych.
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
...3px solid red">...</U> <span style="border-bottom: 3px double red">...</span> <span style="border-bottom: 1px dashed red">...</span> Aby skrócić zapis i ułatwić późniejsze modyfikacje, można posłużyć się klasą selektorową, tzn. w arkuszu stylów wpisujemy np.: *.podkreslenie { border-bottom: 2px #f80 solid } a następnie na stronie: <span class="podkreslenie">...</span> Zagnieżdżanie obramowania <div style="border: solid red 3px"> <div style="border: solid green 3px"> <div...
- Tryb Quirks / X-UA-Compatible
...button", tzn. jeśli wstawimy przycisk bez tego atrybutu, będzie on wysyłał formularz CSS Przy deklarowaniu alternatywnych arkuszy stylów zapis rel="alternate stylesheet" jest równoważny rel="stylesheet alternate". Własność display - uzupełniona obsługa wartości: table, inline-table, table-row, table-row-group, table-column, table-column-group, table-cell, table-caption, run-in, ruby, ruby-base, ruby-text, ruby-base-container, ruby-text-container Własność border-style...