formatowanie - Kurs HTML i CSS
Skórki...sobie uzmysłowić, że wszystko co będziemy mogli zmienić w nowej skórce, ogranicza się do zewnętrznego arkusza stylów, czyli pliku style.css. Jeżeli formatowanie ważnych elementów serwisu będzie przeniesione bezpośrednio do kodu źródłowego dokumentów HTML, z poziomu arkusza CSS niewiele będzie się dało zmienić. Z doświadczenia mogę poradzić, że semantyczny kod znacznie łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej...
Multimedia HTML / Osadzenie pliku <embed>...osadzenie na stronie dokumentu PDF. Jest to format, który stał się powszechnym standardem publikacji elektronicznych. Umożliwia m.in. różnorodne formatowanie tekstu, wstawianie grafiki i inne. Dokumenty PDF można stworzyć np. przy użyciu programu wbudowanego w pakiet biurowy WordPerfect Office 2000, natomiast aby przeglądać pliki PDF, trzeba dysponować darmowym programem Adobe Reader. Aby można było osadzić na stronie WWW plik PDF, użytkownik oglądający nasz serwis musi mieć zainstalowany...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...elementów błędnie wystylizowanych, a cały tekst umieszczony w jednym długim akapicie! W niektórych przypadkach dokument może w ogóle utracić formatowanie i zostanie wyświetlony jak drzewo elementów XML. Pamiętaj, że w systemie Windows znak nowej linii ma długość dwóch bajtów. Ponadto w przypadku kodowania UTF-8 niektóre znaki, jak np. polskie litery, składają się z dwóch bajtów, a w UTF-16 wszystkie znaki mają długość dwóch bajtów. Znak ' przedstawiający apostrof (') pojawił się...
- Ikony (symbole) / Ikony do pobrania
Spis treści Symbole Generator ikon Licencja Symbole Ikony (symbole) są nieodłącznym elementem nowoczesnych stron internetowych i aplikacji. Nadają projektom przejrzystość, ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach...
- Podcast HTML / #1 HTML dla zielonych
...obu marginesów): <p style="text-align: justify">Treść akapitu</p> Wyrównanie do prawej: <p style="text-align: right">Treść akapitu</p> Podstawowe formatowanie tekstu Znaczniki pozwalają na zmianę wyglądu tekstu. Najczęściej używane znaczniki to: Pogrubienie (wytłuszczenie): <b>Tu wpisz tekst</b> Pochylenie (kursywa): <i>Tu wpisz tekst</i> Podkreślenie: <u>Tu wpisz tekst</u> Przekreślenie: <s>Tu wpisz tekst</s> Indeks górny: x<sup>2</sup> (np. x2) Indeks dolny: H<sub>2</sub>O (np...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...Możliwość wstawiania zewnętrznego arkusza jest chyba jedną z największych zalet stosowania stylów. Pozwala nam to zdefiniować takie samo formatowanie określonych elementów na wielu stronach jednocześnie. Dzięki temu, za pomocą tego jednego arkusza, wszystkie nasze strony w obrębie całego serwisu mogą mieć pewne wspólne cechy. Dodatkowo jeśli w ostatniej chwili zdecydujemy się zmienić np. rodzaj czcionki na wszystkich stronach, możemy to zrobić, modyfikując jedynie zewnętrzny arkusz...
- Selektory elementów CSS / Selektor uniwersalny
...pozwala ustalić określone atrybuty dla wszystkich elementów strony, a więc dla różnych selektorów typu. Możemy za pomocą tej komendy nadać to samo formatowanie dla wszystkich elementów na całej stronie, niezależnie od ich typu (p, h1, li itd.). Niestety jego działanie nie zawsze jest jednoznaczne, dlatego dużo bezpieczniej jest używać selektora typu dla elementu body, chyba że zastosujemy to polecenie w odniesieniu do klasy selektorów. Jeśli selektor uniwersalny chcemy zastosować do...
- Selektory elementów CSS / Ogólny selektor braci
...innego typu niż bracia wyszczególnieni w regule stylów. Ponadto warto zauważyć, że inaczej niż dla podstawowego selektora braci, w tym przypadku formatowanie otrzymują również wszystkie następne znaczniki typu brat2, a nie tylko pierwszy z nich. Właśnie dlatego w powyższym przykładzie drugie pogrubienie również jest czerwone.
- Selektory atrybutów CSS / Prosty selektor atrybutu
...Explorera 6, żaden akapit nie będzie czerwony. Dozwolone jest podanie kilku atrybutów. Wtedy element musi posiadać wszystkie z nich, aby otrzymał formatowanie: p[title][lang] { color: red } To jest akapit z atrybutem TITLE oraz LANG (powinien być czerwony). To jest akapit tylko z atrybutem TITLE (nie powinien być czerwony).
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...jest podanie kilku atrybutów. Wtedy element musi posiadać wszystkie z nich i każdy musi mieć przypisaną wyszczególnioną wartość, aby otrzymał formatowanie: p[title="To jest akapit"][lang="pl"] { color: red } To jest akapit, któremu został nadany atrybut title="To jest akapit" oraz lang="pl" (powinien być czerwony). To jest akapit, któremu został nadany atrybut title="Akapit" oraz lang="pl" (nie powinien być czerwony). Inne przydatne zastosowanie tego selektora to np. zmiana sposobu...