html tekst - Kurs HTML i CSS
Dobre praktyki / CSS Zorientowane Obiektowo...pochodną Information ani na odwrót - są to zupełnie niezależne klasy. Klasa pochodna (Warning) przejmuje stylizację zarówno z klasy Information (np. tekst ujęty w ramkę) jak i Important (np. czerwony tekst albo wytłuszczenie). Przesłanianie Co zrobić, jeśli recenzja - szczególny przypadek ogólnego artykułu - ma wyglądać jednak nieznacznie inaczej od swojego pierwowzoru (klasy bazowej)? Wybrane deklaracje z klasy bazowej można przesłonić (ang. override), przypisując im zmienione wartości w...
HTML dla zielonych / Jak zrobić dobrą stronę HTML...skupienie się na jednej dziedzinie, niż opisywanie wszystkiego po trochę. Uważaj z doborem kolorów na stronie, zwłaszcza jeśli chodzi o tło oraz tekst. Nieciekawe lub rażąco złe zestawienie barw jest najważniejszym czynnikiem, który zdradza, że autor serwisu jest kompletnym amatorem. Wyobraź sobie co pomyślą np. klienci jakiejś firmy, która posiadałaby stronę z zielonym tłem i czerwonym tekstem (lub co gorsze odwrotnie)! Unikaj jak ognia jaskrawych odcieni w tle. Jeśli nie masz pomysłu...
- Znaki specjalne HTML / Emotikony (emoji)
...piktogram graficzny. Mimo iż często wygląda jak ikona obrazkowa, to tak naprawdę można go wstawić w zasadzie wszędzie tam, gdzie wpisuje się zwykły tekst. Może to być np. okno rozmowy większości komunikatorów internetowych albo dodawania nowej wiadomości w zasadzie w dowolnym serwisie społecznościowym. Emotikona to specjalny ideogram służący do wyrażania emocji w tekście komputerowym. Przyjęło się stosować pewne kombinacje znaków, które można wpisać z każdej klawiatury, które po obróceniu...
- Komendy HTML 4.01 / Specyfikacja HTML
Poniżej znajdziesz opis wszystkich znaczników i ich atrybutów według oryginalnej specyfikacji HTML 4.01, opracowanej przez organizację W3C. Całe to zestawienie zostało napisane w następujący sposób: Opis każdego znacznika rozpoczyna się od jego nazwy. Potem krótkie wytłumaczenie znaczenia i roli, jaką spełnia. Dalej wszystkie atrybuty (w kolejności alfabetycznej). Nie każdy atrybut musi zostać użyty (można nawet nie używać żadnych). Dodatkowo kolejność ich wpisywania jest dowolna...
- Formularze HTML / Wysłanie formularza <input "submit, image">
Spis treści <input "submit, image"> Przycisk tekstowy <input "submit"> Przycisk obrazkowy <input "image"> Nazwa przycisku wysłania formularza <input "submit" name> Przycisk tekstowy <input "submit"> <form action="..."> <input type="submit" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny tekst, np.: "Prześlij kwerendę". Polecenie wprowadza na ekran przycisk z...
- Promocja strony WWW / Pozycjonowanie (SEO)
...nie mogą być oderwane od właściwej treści strony, bo może to zostać uznane za spam. Główną rolę grają słowa kluczowe na stronie głównej (index.html), ale nie należy ich pomijać na pozostałych stronach, bo stanowią one dodatkową szansę na nowe odwiedziny serwisu. Na każdej podstronie wyrazy kluczowe powinny być inne - odpowiednie do treści, która się tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość wyszukiwarek uznaje to za...
- Selektory atrybutów CSS / Selektor atrybutu o wartości rozpoczynającej się od...
...[zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Początek" to określony tekst, którym rozpoczyna się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Podobnie jak w przypadku selektora z łącznikami polecenie to pozwala wybrać element z atrybutem o wartości, która ma na początku wymagany tekst, ale po niej nie musi być...
- Tło CSS / Tło obrazkowe {background-image}
...tło przyjmie podany kolor. Ponadto jeżeli obrazek posiada przezroczystość (np. format *.gif), zostanie ona zastąpiona podanym kolorem. Jeśli kolor tekstu elementu z tłem obrazkowym jest zbliżony do domyślnego koloru tła strony, wskazane jest podanie dodatkowo takiego koloru tła dla tego elementu, aby tekst był na nim czytelny. Jeżeli tego nie zrobimy, a obrazek nie zostanie wyświetlony, może wystąpić sytuacja typu: "biały tekst na białym tle". Może się to zdarzyć np. gdy obrazek w tle...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutna...myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze Zauważ, że po otworzeniu, menu przykrywa ten tekst. Inicjalizacja Domyślnie menu rozwija/otwiera/wysuwa się po załadowaniu strony, tak aby wyświetlić pozycję z odnośnikiem do aktualnie wczytanego dokumentu. Jednak czasami takie zachowanie może nie być pożądane - zwłaszcza w przypadku menu otwieranego z określoną pozycją absolutną. Wtedy po załadowaniu strony, automatycznie otwarte menu...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
Jeśli nie masz czasu czytać wprowadzenia, możesz przejść od razu do części właściwej 😉 Na wielu stronach w Internecie można spotkać galerię zdjęć, stosowaną do przedstawienia kolekcji zdjęć, zwykle o dużych rozmiarach. Najczęściej jest ona tworzona w ten sposób, że na głównej stronie umieszcza się pomniejszone kopie obrazków oraz odsyłacze, po kliknięciu których następuje wczytanie obrazka w pełnych rozmiarach. Pozwala to uchronić się od wczytywania wszystkich dużych obrazków jednocześnie...