ustawić - Kurs HTML i CSS
CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}...o odpowiednich wartościach. Na przykład: body { background-color: black; color: white; } ustawi czarny kolor tła i biały kolor tekstu. Jak ustawić kolor RGB w CSS? W języku CSS możemy stosować takie same kolory jak w HTML. Na przykład aby ustawić na całej stronie czarny kolor tła i biały kolor tekstu w notacji heksadecymalnej, wystarczy w arkuszu stylów wstawić następującą regułę stylów: body { background-color: #000000; color: #FFFFFF; }.
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...Z jakich sekcji składa się dokument HTML? Dokument HTML składa się z nagłówka <head>...</head> i ciała dokumentu <body>...</body>. Jak ustawić polskie znaki w HTML? Aby polskie znaki diakrytyczne poprawnie się wyświetlały, w sekcji nagłówkowej dokumentu HTML należy wstawić deklarację strony kodowej: <meta charset="utf-8">. Ponadto konieczne jest użycie odpowiedniego edytora HTML. Jak zrobić podstrony w HTML? Serwisy internetowe zwykle składają się z wielu podstron. Aby...
- HTML dla zielonych / Koniec linii HTML <br>
...dół HTML? Aby w języku HTML przenieść tekst o jedną linijkę na dół, wstaw przed nim znacznik <br>. Jak zrobić tekst pod tekstem w HTML? Aby ustawić dwie linijki tekstu jedna pod drugą, umieść pomiędzy nimi znacznik <br>.
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...może zmienić domyślny kolor tekstu w swojej przeglądarce internetowej i wtedy mógłby stać się on nieczytelny (np. biały tekst na żółtym tle). Aby ustawić żółte tło i czarny tekst na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach: <body style="background-color: yellow; color: black">...</body>. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden znacznik ciała dokumentu. Zatem odpowiedni atrybut dodajemy...
- HTML5 / Filmy i dźwięk <video, audio, source>
...wideo należy dodać odpowiedni atrybut logiczny (bez wartości): <video src="film.mp4" loop></video>. Jak wyśrodkować film w HTML? Aby ustawić odtwarzacz wideo na środku ekranu, należy go umieścić wewnątrz elementu blokowego z przypisanym odpowiednim stylem: <div style="text-align: center"> <video src="film.mp4"></video> </div>.
- Czcionki CSS / Czcionki osadzone @font-face
...innym, najbardziej zbliżonym krojem pisma. Google udostępnia specjalne narzędzie do podglądu czcionek. Dzięki niemu można szybko wybrać czcionkę, ustawić jej wymagane atrybuty i od razu skopiować kod HTML gotowy do osadzenia na swojej stronie. Nie każda czcionka z katalogu zawiera wszystkie polskie znaki diakrytyczne. Co prawda w takim przypadku przeglądarki mogą wyświetlić brakujące litery standardową czcionką, ale i tak nie wygląda to estetycznie. Dlatego zawsze dobrze jest sprawdzić...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...drugiego rzędu (2.) Podpunkt drugi (2.) Podpunkt drugiego rzędu (1.) Podpunkt drugiego rzędu (2.) Jeżeli w jednej deklaracji chcemy ustawić lub zwiększyć więcej niż jeden licznik, nie należy wstawiać kilka razy tej samej własności counter-reset czy counter-increment, lecz umieścić kilka identyfikatorów liczników w tej samej wartości, rozdzielonych spacjami: ol { counter-reset: licznik1 licznik2 } ol li { counter-increment: licznik1 licznik2 } Ponadto warto odnotować, że...
- Menu w CSS / Poziome menu
...takim samym jak dolne obramowanie całej listy, dlatego wyglądają jak zakładki. Dla stanu podświetlenia musimy tylko zmienić kolor tła oraz ustawić taki sam kolor dolnego obramowania odnośnika, dzięki czemu uzyskamy efekt wysunięcia wskazanej zakładki do przodu - przed inne. Podobny efekt z zastosowaniem drugiego sposobu: Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul { border-bottom: 1px solid #888...
- Oprawa graficzna / "Duszki" CSS
...stratna co prawa powoduje utratę jakości, ale jest to słabo zauważalne dla przeciętnego człowieka, a zyski są ogromne. Stopień kompresji można ustawić najczęściej podczas zapisu pliku w dowolnym, bardziej rozbudowanym programie graficznym. Naprawdę warto poeksperymentować! BMP Nigdy nie używaj na stronach internetowych formatu BMP (ang. bitmap), ponieważ nie zapewnia on dobrej kompresji, a więc pliki w nim zapisane są ogromne! GIF Do wszelkiego rodzaju ręcznie rysowanych ikon...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...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 zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <div "center", img src alt> Pytania i odpowiedzi <div "center", img src alt> Jak wycentrować zdjęcie HTML? Najłatwiejszym...