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...
- 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...
- Znaki specjalne HTML / Podróżowanie i miejsca - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Mapa 🌍 Kula ziemska Europa-Afryka 🌍 🌎 Kula ziemska Ameryki 🌎 🌏 Kula ziemska Azja-Australia 🌏 🌐 Kula ziemska z południkami 🌐 🗺 Mapa świata 🗺 🗾 Zarys Japonii 🗾 🧭 Kompas, busola 🧭 Miejsca geograficzne 🏔 Góra z czapą śnieżną 🏔 ⛰ Góra ⛰ 🌋 Wulkan 🌋...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Ubrania 👓 Okulary 👓 🕶 Okulary przeciwsłoneczne 🕶 🥽 Gogle 🥽 🥼 Kitel (biały fartuch) 🥼 🦺 Kamizelka bezpieczeństwa 🦺 👔 Krawat 👔 👕 Koszulka 👕 👖 Dżinsy 👖 🧣 Szalik 🧣 🧤 Rękawiczki 🧤 🧥 Płaszcz, kurtka 🧥 🧦 Skarpetki 🧦...
- Znaki specjalne HTML / Symbole - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Znaki transportowe 🏧 Bankomat 🏧 🚮 Znak wyrzuć śmieci we właściwym miejscu 🚮 🚰 Znak woda zdatna do picia 🚰 ♿ Symbol wózka inwalidzkiego ♿ 🚹 Dla mężczyzn 🚹 🚺 Dla kobiet 🚺 🚻 Toaleta 🚻 🚼 Znak dziecko 🚼 🚾 WC 🚾 🛂 Odprawa (kontrola) paszportowa 🛂...
- Znaki specjalne HTML / Flagi - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Flagi 🏁 Flaga koniec wyścigu 🏁 🚩 Trójkątna flaga na stanowisku 🚩 🎌 Skrzyżowane chorągiewki 🎌 🏴 Powiewająca czarna flaga 🏴 🏳 Powiewająca biała flaga 🏳 Źródło: Unicode Character Database
- 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...
- Odsyłacze HTML / Do podstrony <a href>
...to również pozostałych 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].