przykład - Kurs HTML i CSS
Znaki specjalne HTML / Symbole...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" (funkcja, floren) ƒ Litery greckie Α Α Greek capital letter...
Definicje / Element zastępowany(replaced element) Element dla którego formater stylów zna tylko wymiar wewnętrzny. W języku HTML są to: IMG, INPUT, TEXTAREA, SELECT, OBJECT. Na przykład zawartość elementu IMG jest zastępowana przez obrazek, wyznaczony atrybutem src.
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
Spis treści <meta "author", link "author"> Autor dokumentu <meta "author"> Strona autora <link "author"> Autor dokumentu <meta "author"> <head> <meta name="author" content="Tu wpisz swoje imię i nazwisko"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono podać informację o fizycznej osobie będącej autorem strony. Strona autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z...
- Marginesy CSS / Dolny margines {margin-bottom}
selektor { margin-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Polecenie wprowadza dodatkowy odstęp między danym elementem a następnym elementem. Przykład {margin-bottom} To jest pierwszy akapit z dolnym marginesem margin-bottom: 2cm... ...a to jest następny akapit. Dlatego odstęp...
- Marginesy CSS / Lewy margines {margin-left}
selektor { margin-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić lewy margines dla danego elementu, a więc np. dodatkową odległość od lewego brzegu strony. Przykład {margin-left} To jest akapit z lewym marginesem margin-left: 4cm i dlatego jest oddalony od lewej...
- Marginesy CSS / Prawy margines {margin-right}
selektor { margin-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić prawy margines dla danego elementu, a więc np. dodatkową odległość od prawego brzegu strony. Przykład {margin-right} To jest akapit z prawym marginesem margin-right: 4cm i dlatego jest oddalony od...
- Marginesy CSS / Dolny margines wewnętrzny {padding-bottom}
selektor { padding-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-bottom} Tekst w tej komórce tabeli jest oddalony od dolnego brzegu obramowania o 1cm (padding-bottom: 1cm)
- Marginesy CSS / Lewy margines wewnętrzny {padding-left}
selektor { padding-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-left} Tekst w tej komórce tabeli jest oddalony od lewego brzegu obramowania o 2cm (padding-left: 2cm)
- Marginesy CSS / Prawy margines wewnętrzny {padding-right}
selektor { padding-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-right} Tekst w tej komórce tabeli jest oddalony od prawego brzegu obramowania o 2cm (padding-right: 2cm)
- Obramowanie CSS / Kolor obramowania {border-...-color}
Kolor górnego obramowania: selektor { border-top-color: kolor } Kolor dolnego obramowania: selektor { border-bottom-color: kolor } Kolor lewego obramowania: selektor { border-left-color: kolor } Kolor prawego obramowania: selektor { border-right-color: kolor } We wszystkich przypadkach jako "kolor" należy podać definicję koloru. [Zobacz także: Wstawianie stylów] Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij...