tekst środku - Kurs HTML i CSS
Tekst CSS / Wyrównanie tekstu {text-align}...bloku, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wyrównanie" należy podać: left - wyrównanie tekstu do lewego marginesu (domyślnie) right - wyrównanie do prawego marginesu center - do środka (wyśrodkowanie) justify - do obu marginesów jednocześnie (justowanie) Polecenie pozwala wybrać jeden z możliwych sposobów wyrównania tekstu, czyli jego ułożenia na ekranie. Przykład {text-align} wyrównanie left (domyślnie) wyrównanie left - do...
- Oprawa graficzna / "Duszki" CSS
...krawędzi arkusza - nie zawiera się w samym obrazku): Pionowe menu Najmniej problemu jest z elementami, które będą stanowić zwyczajne tło pod tekstem. Tak jest w przypadku menu pionowego, opisanego wcześniej w rozdziale Menu w CSS. Tutaj wykonamy go przy wykorzystaniu "duszków". <ul> <li><a href="czcionki.html">Czcionki</a></li> <li><a href="tekst.html">Tekst</a></li> <li><a href="tlo.html">Tło</a></li> <li><a href="marginesy.html">Marginesy</a></li> <li><a...
HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt><div style="text-align: center"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"></div> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla...
- Oprawa graficzna / Zamiennik obrazkowy
...jako tło obrazkowe! Dzięki temu każdy alternatywny arkusz CSS będzie miał zupełnie indywidualną oprawę graficzną. Wstawianie tła graficznego pod tekstem jest dość proste i oczywiste. Często jednak trzeba osadzić elementy graficzne, nad którymi nie będzie widniał żaden tekst - np. przyciski, logo, ikony itp. W takim przypadku mogłoby się wydawać, że wystarczy wstawić pusty element do kodu HTML, jednak jest to bardzo zły pomysł. Takie rozwiązanie jest niepoprawne semantycznie. Staje się dużą...
- Podcast HTML / #1 HTML dla zielonych
...6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Podstawy języka HTML HTML to skrót od Hypertext Markup Language, czyli Hipertekstowy Język Oznaczania. Jest to język komputerowy służący do tworzenia stron internetowych. Dokument HTML jest po prostu plikiem tekstowym, w którym umieszczamy polecenia dotyczące formatowania i wstawiania grafiki. Struktura dokumentu HTML Dokument HTML składa się z sekcji nagłówkowej <head>...</head> oraz właściwego ciała dokumentu...
- HTML dla zielonych / Akapit HTML <p "text-align">
...akapity, są rozdzielone linijką przerwy. Treść akapitu należy wpisać pomiędzy znacznikami <p> oraz </p>. Przyjęło się, że praktycznie każdy zwykły tekst na stronie WWW umieszcza się w akapitach. Pojedynczy akapit przedstawia ustęp w tekście, który nieco różni się tematycznie od poprzedniego. Zamiast stosować dwa znaczniki końca linii: <br><br>, można po prostu objąć wybrany fragment tekstu paragrafem. Efekt będzie identyczny, a dodatkowo przeglądarka lepiej wyświetli taki tekst. Dzięki temu...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...sposób } Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: clip - niemieszczący się tekst i elementy inline zostaną przycięte (domyślnie) ellipsis - na końcu przyciętych linijek zostanie wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość elementu, ale następnie umieścimy w nim szerszy tekst - np. blokując jego zawijanie przy...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...stylu i koloru linii rozdzielającej. Czasami samo oddzielenie kolumn odstępem nie jest wystarczające, aby czytelnik mógł wygodnie przeczytać cały tekst oraz już na pierwszy rzut oka widział, że treść w ogóle jest podzielona na kolumny. Wtedy możemy pomiędzy sąsiednimi kolumnami wstawić dodatkowo pionową linię rozdzielającą. Jest ona wyświetlana zawsze na środku przestrzeni między kolumnami. Sama linia rozdzielająca nie zabiera miejsca z szerokość elementu wielokolumnowego. Jeśli jej grubość...
- Układ wielokolumnowy CSS / Łączenie kolumn {column-span}
...Aby odwołać łączenie kolumn, należy podać wartość none. Zdarzają się sytuacje, kiedy chcemy wyskoczyć z ustalonego podziału tekstu na kolumny. Może to mieć miejsce np. w przypadku tytułów, które rozpoczynają kolejny artykuł albo nową sekcję w artykule. Mamy możliwość rozciągnięcia tytułu na szerokość wszystkich kolumn. Wcześniejsze kolumny tekstu będą się kończyć ponad tytułem, a następne zaczynać poniżej niego. Zatem nie mamy tutaj do czynienia z sytuacją spotykaną...
- Komendy HTML 4.01 / APPLET
...należy używać OBJECT). Może zawierać parametry (PARAM). Atrybuty: ALIGN="ustawienie" Określa położenie elementu w odniesieniu do kontekstu (zdeprecjonowane): bottom - na dole left - po lewej middle - na środku (w połowie) right - po prawej top - na górze ALT="tekst" Tekst alternatywny ARCHIVE="adresy" Lista adresów archiwów rozdzielonych przecinkami, które zawierają klasy i zasoby, które zostaną przeładowane CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas...