rozmiar - Kurs HTML i CSS
HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>...i pochylenia: <b><i>...</i></b>. Trzeba przy tym pamiętać, że znaczniki zamykamy zawsze w odwrotnej kolejności, niż były otwierane! Jak zmienić rozmiar i kolor czcionki? W tym celu należy objąć tekst znacznikiem z przypisanym atrybutem o odpowiednich wartościach. Na przykład: <span style="font-size: large; color: red">...</span> ustawi bardzo dużą wielkość czcionki i czerwony kolor tekstu.
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...jest szczególnie przydatne na urządzeniach mobilnych takich jak smartfony czy tablety. Ponieważ ekran przeglądarek mobilnych zwykle jest dość małych rozmiarów, strona może być odpowiednio powiększana, tak aby jej zawartość była dobrze czytelna. W pewnym zakresie możemy sterować tym zachowaniem za pomocą powyższego polecenia. W szczególności możemy zaprojektować stronę z użyciem techniki Responsive Web Design (w skrócie: RWD), tak aby automatycznie dopasowywała się do dostępnej szerokości...
- Tekst HTML / Czcionka pomniejszona <small>
...autorskie). Wpisując powyższe znaczniki (tego samego rodzaju) jeden wewnątrz drugiego (np.: <small><small>...</small></small>), można zmniejszyć rozmiar tekstu o kilka wielkości. Przykład <small> To jest zwykły tekst... a ten tekst jest napisany czcionką pomniejszoną (small)
- Tekst HTML / Kod poprawny semantycznie
...nie jest pomyłka organizacji W3C, że wprowadzono znacznik <h1>...</h1> (tytuł rozdziału), skoro ten sam efekt można uzyskać dobierając odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I...
- Odsyłacze HTML / Do podstrony <a href>
...typów odsyłaczy przedstawionych na tej stronie): <a target="_blank" href="adres">opis</a> kliknij tutaj [Aby określić wygląd nowego okna (rozmiar, położenie, pokazanie/ukrycie pasków menu, narzędzi, statusu itd.), zobacz: Otwarcie nowego okna].
Odsyłacze HTML / Ćwiczenia...umieszczając na początku wykaz z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu otwórz duże zdjęcie w dowolnym programie graficznym - może to być nawet aplikacja Paint, która jest dostępna w systemie Windows - i pomniejsz go (w prorgamie Paint należy użyć opcji "Zmień rozmiar")...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?Różnice w wyznaczaniu rozmiaru elementów - własności width oraz height. W trybie Quirks marginesy wewnętrzne i obramowanie zawierają się wewnątrz rozmiarów elementu, natomiast wg CSS na zewnątrz. [Porównaj: Model pudełkowy wg CSS 2] Nie dotyczy przeglądarki Firefox ani Opera. We wcześniejszych wersjach Internet Explorera przedstawiony wyżej model określania rozmiarów wg CSS odnosi się tylko do szerokości komórek tabeli, ale nie do ich wysokości. Wcześniejsze wersje MSIE nie stosowały tych...
- Komendy CSS 2 / font-size
...<procent> | inherit OPIS Rozmiar czcionki INICJALIZACJA medium ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY odnosi się do rozmiaru czcionki rodzica MEDIA visual
- Komendy CSS 2 / size
WARTOŚĆ <długość>{1,2} | auto | portrait | landscape | inherit OPIS Rozmiar strony INICJALIZACJA auto ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Szablon strony na DIV-ach / Stały szablon
Stały szablon (ang. fixed layout) charakteryzuje się odgórnie ustaloną szerokością w pikselach. Jeśli użytkownik zmieni rozdzielczość ekranu lub rozmiar okna przeglądarki, taki szablon będzie zajmował inną powierzchnię szerokości ekranu. Aby zapewnić komfortowe przeglądanie strony, szerokość szablonu nie powinna być szersza od najmniejszej przewidzianej rozdzielczości ekranu, z której mają korzystać czytelnicy serwisu - w przeciwnym razie w oknie przeglądarki pojawi się poziomy suwak i...