czym różni - Kurs HTML i CSS
- Dobre praktyki / Przykazania webmastera
...gdy nie możesz już wymyślić nic sensownego (np. informacja2, informacja3, informacja4 itd.) to kiepski pomysł. Czy za pół roku będziesz pamiętać, czym różni się informacja2 od informacja3? Jeśli serwis nie będzie posiadał wersji obcojęzycznej ani nie planujesz, że będą go rozwijać osoby z innych krajów, możesz używać polskojęzycznych nazw (bez polskich znaków diakrytycznych!). Jeśli wygodniej Ci będzie używać angielskich - również nie ma problemu. Ważne, żeby starać się nie mieszać nazw...
- HTML5 / Czy XHTML umarł?
...przygotowane. Mimo swojej nieco mylącej nazwy, specyfikacja HTML5 tak naprawdę definiuje dwa języki: HTML5 oraz XHTML5. Ten drugi jest tym samym, czym był XHTML 1 dla HTML 4, czyli korzysta dokładnie z tych samych znaczników i atrybutów, a jedynie określa nieco inny sposób zapisu oraz klika dodatkowych ograniczeń w celu uzyskania zgodności z ogólnym językiem XML. Nie ma zatem obawy - XHTML nie umarł i na dodatek ma się całkiem dobrze 🙂 Jeżeli jednak czytelnik woli korzystać z uproszczonej...
- Tekst HTML / Wykaz <ul, ol, li>
...<li><span style="color: black">Punkt trzeci</span></li> </ul> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów, przy czym "red" oznacza kolor, jaki mają przyjąć wyrózniki, natomiast "black" - kolor tekstu. Przykład <ul "color", ol "color"> Punkt pierwszy Punkt drugi Punkt trzeci Dotyczy to wszystkich typów wykazu: Punkt pierwszy Punkt drugi Punkt trzeci Punkt pierwszy Punkt drugi Punkt trzeci Możliwe jest również określenie innego koloru dla...
- Selektory specjalne CSS / Klasy selektorów <... class>
...reguła: p.przyklad_klasa { color: red } to jeśli teraz w dowolnym miejscu wpiszemy: <p class="przyklad_klasa">To jest akapit.</p> na ekranie zobaczymy tekst napisany czcionką koloru czerwonego: To jest akapit. Dla porównania, to też jest akapit, ale bez podania klasy i dlatego nie jest czerwony. W przypadku stosowanie klas, często podczas ich definiowania, nie wiemy jeszcze, w stosunku do jakich znaczników będziemy chcieli je później użyć. Wtedy przydatny okazuje się...
- Tekst HTML / Wyróżnienie <em, strong>
wyświetlanie: w linii Emfaza (szczególny nacisk) <em>...</em> Wysoka ważność (powaga lub pilność) <strong>...</strong> Pozwala wyróżnić dowolny tekst (tzw. emfaza), aby podkreślić jego znaczenie. Pierwsze polecenie zwykle wyświetla tekst napisany kursywą, natomiast drugie - pogrubiony. Różnią się one jednak od zwykłego wytłuszczenia i kursywy tym, że dodatkowo niosą ze sobą pewne informacje co do ważności tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...wyraz "wartość" wpisujemy dokładną wartość atrybutu. Znacznik <span>...</span> pozwala na objęcie pewnego większego fragmentu dokumentu. Pojedynczym znacznikiem <span>...</span> możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np. wytłuszczenie tekstu oraz kursywę. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki...