zrobić style - Kurs HTML i CSS
CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}...z tekstem. W tym celu wystarczy w arkuszu stylów zdefiniować każda klasę z inną nazwą. Pytania i odpowiedzi {border-style, background-color} Jak zrobić obramowanie tekstu w CSS? Aby obramować tekst, musimy wykonać dwa kroki. Najpierw w arkuszu stylów CSS wstawiamy następujący kod: .obramowanie { border-style: solid; } - zwracam uwagę, że na początku tego kodu znajduje się znak kropki, a po nim nie może być spacji! Następnie w kodzie HTML wystarczy objąć znacznikiem wybrany tekst: <div...
- Oprawa graficzna / "Duszki" CSS
...przezroczystość, dzięki której ikony PNG nie mają poszarpanych krawędzi, nieważne na jakim kolorze tła zostaną wyświetlone. Żądania HTTP A co zrobić, kiedy wszystkie grafiki mamy już zapisane w odpowiednim formacie i przy optymalnie dobranym stopniu kompresji? Okazuje się, że na długość czasu wczytywania kompletnej strony WWW ma wpływ nie tylko co, ale w jaki sposób jest ładowanie. Po wybraniu adresu dowolnego współczesnego serwisu internetowego, przeglądarka zaczyna ładowanie dokumentu...
- Czcionki CSS / Styl czcionki {font-style}
...styl czcionki w CSS, można użyć właściwości font-style i przypisać jej wartość italic dla kursywy lub normal dla standardowego stylu. Jak zrobić kursywę w CSS? Aby zastosować kursywę w CSS, użyj właściwości font-style i ustaw wartość italic dla tekstu. Na przykład: "font-style: italic".
- Czcionki CSS / Waga czcionki {font-weight}
...Możliwe wartości to liczby od 100 do 900 (z krokiem 100) oraz normal i bold, gdzie normal to standardowa grubość, a bold to pogrubienie. Jak zrobić pogrubiony tekst w CSS? Aby zrobić pogrubiony tekst w CSS, użyj właściwości font-weight i przypisz jej wartość bold. Na przykład: "font-weight: bold" pogrubia tekst. Jak zmienić grubość czcionki HTML? W HTML można zmienić grubość czcionki za pomocą atrybutu style="..." i wartości font-weight. Na przykład: <p style="font-weight...
Formularze HTML / Wysłanie formularza bez programu pocztowego...systemu webmail, nie będą w stanie wysłać formularza pocztowego. Jak się przed tym zabezpieczyć? W języku HTML ani nawet JavaScript nic nie da się zrobić. Z pomocą przychodzą skrypty obsługiwane po stronie serwera, jak np. PHP. Aby skorzystać z tego rozwiązania, serwer na którym znajduje się strona przede wszystkim musi obsługiwać PHP. Niestety nie jest to normą. Co więcej, funkcja służąca do wysyłania listów e-mail (pod nazwą: mail) za pośrednictwem skryptów PHP musi być włączona. Niestety...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...główne - liczby rzymskie: I, II, III,... Podpunkty - liczby arabskie: 1, 2, 3,... Podpunkty drugiego rzędu - litery: a, b, c,... Co jednak zrobić, jeżeli nie odpowiada nam taki sposób numeracji punktów albo nie możemy z góry określić ile będziemy mieli poziomów zagnieżdżenia? CSS daje na to prostą receptę - automatyczną numerację, czyli możliwość dowolnego określania sposobu numerowania elementów, np.: Punkty główne: 1., 2., 3.,... Podpunkty: 1.1., 1.2., 1.3.,... 2.1., 2.2...
- Menu w CSS / Pionowe menu
...w menu zgodnie z normalnym formatowaniem listy, czyli w pionie. Domyślny sposób prezentacji oczywiście nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować niepotrzebny margines z lewej strony: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } W efekcie uzyskamy: Czcionki Tekst Tło Marginesy Obramowanie W niektórych przeglądarkach nie jest konieczne wstawienie wszystkich powyższych...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...że w pliku *.html może się znajdować tylko jeden znacznik nagłówka dokumentu. Zatem nie tworzymy nowego, tylko używamy już istniejącego! Jak zrobić zewnętrzny CSS? Zewnętrzny arkusz stylów można utworzyć przy pomocy dowolnego edytora CSS albo jeszcze lepiej przy pomocy edytora HTML z wbudowaną obsługą również języka CSS. Arkusz stylów zapisujemy na dysku w pliku z rozszerzeniem *.css, a następnie możemy go dołączyć do dokumentu HTML za pomocą odpowiedniego znacznika w sekcji...
- HTML5 / Napisy do filmów <track>
...Twój system operacyjny. Zwróć przy tym uwagę tylko na dwie bardzo ważne kwestie: Nazwa pliku musi mieć rozszerzenie *.vtt, a nie *.vtt.txt. Aby to zrobić w Notatniku, w oknie zapisywania pliku wybierz opcję: "Zapisz jako typ: Wszystkie pliki", a następnie wpisz pełną nazwę (np. napisy.vtt). Plik napisów musi być zapisany przy użyciu kodowania znaków UTF-8 - nieważne przy użyciu jakiej strony kodowej został utworzony dokument HTML, w którym jest wstawiony odtwarzacz wideo z dołączonymi tymi...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...(np. różnego rodzaju zestawień) w uporządkowany sposób, umożliwiając ich czytelne i zrozumiałe wyświetlanie na stronie internetowej. Jak zrobić tabelę? W tym celu należy umieścić w wybranym miejscu na stronie znacznik TABLE, a następnie wewnątrz niego wstawić dowolną liczbę znaczników TR tworzących kolejne wiersze tabeli. Z kolei wewnątrz każdego znacznika TR trzeba dodać taką samą liczbę elementów TD, które tworzą pojedyncze komórki (rubryki) tabeli. Na przykład, aby utworzyć...