znacznik - Kurs HTML i CSS
CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">W zasadzie aby rozpocząć przygodę z językiem CSS, wystarczy wstawić w nagłówku strony - tzn. w dowolnym miejscu pomiędzy znacznikami <head> oraz </head> - jedną dodatkową linijkę: <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
(CSS 3 - interpretuje: Firefox 34, Opera 20, Chrome 33) selektor { font-kerning: tryb } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "tryb" należy wpisać: auto - przeglądarka sama zdecyduje, jaki tryb zastosować (domyślnie) - np. aby poprawić czytelność, może wyłączyć kerning dla małego tekstu normal - wymuszenie kerningu none - zablokowanie kerningu Aby tekst wyglądał...
- Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}
(CSS 3 - interpretuje Firefox 34, Opera 39, Chrome 52) selektor { font-variant-caps: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) small-caps - kapitaliki, czyli tekst napisany wielkimi literami, lecz czcionką o wysokości zbliżonej np. do małej litery "x" all-small-caps - kapitaliki zastosowane do...
- Czcionki CSS / Wariant połączenia znaków czcionki {font-variant-ligatures}
(CSS 3 - interpretuje Firefox 34, Opera 21, Chrome 34) selektor { font-variant-ligatures: warianty } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "warianty" należy podać konkretne ustawienia ligatur, czyli połączeń pomiędzy niektórymi sąsiadującymi literami tekstu. Możliwe są tutaj trzy sposoby: normal - domyślne ustawienia none - zablokowanie ligatur, dzięki czemu możemy...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
(CSS 3 - interpretuje Firefox 34, Opera 39, Chrome 25) selektor { font-variant-numeric: warianty } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "warianty" należy podać konkretne ustawienia formatowania liczb w tekście. Możliwe są tutaj dwa sposoby: normal - domyślne ustawienia Dowolna liczba poniższych wartości rozdzielonych spacjami: ordinal - liczba porządkowa, np. w...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
(CSS 3 - interpretuje Firefox 34) selektor { font-variant-position: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, ale zaleca się stosować tutaj sub - indeks dolny albo sup - indeks górny [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki <sub>...</sub> i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
(CSS 3 - interpretuje Internet Explorer * , Firefox, Opera, Chrome) selektor { 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ść...
Tekst HTML / Źródło <cite>...opery, musicalu, wystawy, protokołu sprawy czy nazwa programu komputerowego itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik <q>...<q> (krótki cytat) lub <blockquote>...</blockquote> (blok cytowany). Ponadto zgodnie z językiem HTML5 elementu <cite>...</cite> nie można używać do oznaczania autora, a jedynie samego tytułu utworu. Przykład <cite> Więcej informacji znajduje się w opracowaniu <cite>HTML 4.01 Specification</cite> Więcej informacji znajduje się w...
- HTML dla zielonych / Pozioma linia HTML <hr>
...której np. można rozdzielić sąsiednie grupy akapitów wyraźnie różniące się między sobą tematycznie. UWAGA! Znacznik <hr> nie posiada w języku HTML znacznika zamykającego! Przykład <hr> <p>Akapit...</p> <p>Akapit...</p> <hr> <p>Akapit...</p> <p>Akapit...</p> Pytania i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak zrobić kreskę na stronie HTML? Dzięki użyciu znacznika <hr> możemy wstawić...
- Tekst CSS / Tryb pisania {writing-mode}
(CSS 3 - interpretuje Firefox 41, Opera 35, Chrome 48) selektor { writing-mode: tryb } Selektorem może być każdy znacznik z wyjątkiem grup wierszy tabeli (thead, tbody, tfoot), grup kolumn tabeli (colgroup), wierszy tabeli (tr) i kolumn tabeli (col) [zobacz: Wstawianie stylów]. Natomiast jako "tryb" należy podać: horizontal-tb - linijki tekstu ułożone poziomo jedna pod drugą (domyślnie) vertical-rl - linijki tekstu ułożone pionowo obok siebie od prawej do lewej strony (ang. right-to-left)...