wygląd - Kurs HTML i CSS
HTML dla zielonych / Wstawienie obrazka HTML <img src alt>...Jest to karygodny błąd!!! Po wprowadzeniu strony do Internetu, zostaje ona zapisana na dysku komputera-serwera (nie na Twoim). Struktura (wygląd) drzewa katalogów będzie tam z całą pewnością inna niż na Twoim dysku lokalnym. Dlatego podana ścieżka bezwzględna tam nie istnieje. Co gorsze, błędu możesz nie wykryć od razu, ponieważ na Twoim komputerze obrazek wczyta się poprawnie, ale już znajomy nic nie zobaczy! Zauważ również, że w ścieżkach używamy ukośników ("/"), a nie odwróconych...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...m.in. sposób kodowania znaków, opis zawartości strony, jej autora czy język, w którym została napisana. Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Każdy dokument powinien zawierać obowiązkowo przynajmniej deklarację strony kodowej, bez której polskie litery na stronie mogą zostać błędnie wyświetlone! W...
- Tekst HTML / Pozioma linia <hr>
<hr> Polecenie to pozwala narysować na ekranie poziomą linię. Może ona rozdzielać grupy akapitów, które różnią się od siebie tematycznie - np. zmiana sceny w powieści albo przejście do innego tematu w obrębie tej samej sekcji podręcznika - przez co strona staje się bardziej czytelna i przejrzysta. Wygląd poziomej linii może się różnić w zależności od przeglądarki. Przykład <hr> Przykład Pytania i odpowiedzi <hr "border-width"> Co to jest HR w HTML? Jest to element wstawiający na...
- Tabele HTML / Tytuł tabeli <caption>
...tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ wierszy i kolumn, a także zdefiniujesz estetyczny wygląd poprawiający prezentację treści. ✅ Rozpocznij konfigurację tabeli Przykład <caption> To jest tytuł tabeli komórka1 komórka2 komórka3 komórka4 Pytania i odpowiedzi <caption> Co to jest CAPTION w HTML? Jest to znacznik odpowiadający za tytuł (podpis) tabeli. Jak zrobić tytuł tabeli? W tym celu zaraz po znaczniku...
- Znaki specjalne HTML / ISO 8859-1 (Latin-1)
Numer Nazwa Opis Objaśnienie Wygląd   Non-breaking space "Niełamliwa" spacja ¡ ¡ Inverted exclamation mark Znak odwróconego wykrzyknika ¡ ¢ ¢ Cent sign Znak centa ¢ £ £ Pound sign Znak funta £ ¤ ¤ Currency sign Znak waluty ¤ ¥ ¥ Yen sign Znak jena ¥ ¦ ¦ Broken vertical bar Przełamana pionowa linia ¦ § § Section sign Znak sekcji § ¨ ¨...
- Znaki specjalne HTML / Symbole
W tabeli poniżej znajdziesz listę symboli tekstowych - np. używanych we wzorach matematycznych. Więcej znaków specjalnych przedstawiających różne symbole w postaci ikon piktogramów znajdziesz w rozdziale: Emotikony (emoji). Na przykład: 😀 👋 🐵 🍇 🌍 🎃 👓 🏧 🏁 i wiele więcej. Natomiast ikony na stronę do pobrania znajdziesz w rozdziale: Ikony (symbole). Numer Nazwa Opis Objaśnienie Wygląd ƒ ƒ Latin small "f" with hook (function, florin) Łacińskie małe "f" z "haczykiem...
Definicje / Arkusz stylów(style sheet) Zestawienie instrukcji, które precyzują wygląd dokumentu. Arkusze stylów mogą mieć trzy różne pochodzenia: autor, użytkownik i pośrednik użytkownika.
- Definicje / Element
...Podstawowa konstrukcja składniowa dokumentu. Większość reguł stylów używa nazw tych elementów (takich jak P, TABLE, OL dla HTML), żeby określić ich wygląd.
- Selektory elementów CSS / Co to są selektory CSS?
...precyzyjnego określania konkretnych elementów w kodzie źródłowym dokumentu HTML, którym będą przypisywane atrybuty formatowania, zmieniające ich wygląd. Umożliwiają to tzw. selektory. Ich wielość nie wynika ze złośliwości twórców języka CSS, którzy chcieli utrudnić Tobie drogi czytelniku naukę, ale z chęci dania większej swobody i elastyczności rozwiązań twórcom stron WWW podczas projektowania arkuszy CSS.
Aktywne przyciski / Animowane przyciskiNa wielu stronach w Internecie możesz spotkać aktywne przyciski. Po wskazaniu ich myszką, zmieniają swój wygląd, co sugeruje użytkownikowi, że kliknięcie wywoła jakąś akcję (najczęściej przeniesienie do innej strony). Wbrew pozorom wstawienie takich przycisków na własną stronę, wcale nie jest takie trudne. Wymagana wiedza: Odsyłacze obrazkowe (podstawowe) Aby wprowadzić na stronę zwykłe przyciski (nieaktywne), które nie zmieniają wyglądu, wystarczy skorzystać z odsyłaczy obrazkowych.