ścieżka - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...odsyłacze do wszystkich podstron serwisu. Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca: <a href="względna ścieżka dostępu do podstrony">opis odsyłacza</a> Zasady wpisywania ścieżki dostępu są takie same jak w przypadku obrazków. Natomiast zamiast: "opis odsyłacza", należy wpisać krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi przejście do podanej podstrony (adres strony jest widoczny tylko w pasku statusu przeglądarki). Za...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
(interpretuje: Internet Explorer, Firefox, Opera 7, Chrome) <head> <link rel="shortcut icon" href="ścieżka dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o...
- Multimedia HTML / Osadzenie pliku <embed>
...pliku <embed> W przypadku materiałów dźwiękowych (muzyka) i wideo (filmy) korzystniej jest użyć odpowiednio elementów: AUDIO, VIDEO. <embed src="ścieżka dostępu do pliku" width="x" height="y"> gdzie jako "ścieżka dostępu do pliku" należy podać lokalizację na dysku, gdzie znajduje się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...<input "submit" disabled> To pole jest zablokowane (disabled). Przycisk obrazkowy <input "image"> <form action="..."> <input type="image" src="ścieżka dostępu do obrazka" alt="informacja alternatywna"> </form> gdzie jako "ścieżka dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się obrazek, który ma zostać wyświetlony jako przycisk wysłania formularza. Natomiast zamiast "informacja alternatywna" można podać treść informacji, która powinna pojawić się w przypadku...
Obramowanie CSS / Obramowanie obrazkowe {border-image-source}...grafika pionowych krawędzi ramki nie może być zbyt skomplikowana. Obrazek obramowania {border-image-source} selektor { border-image-source: url(ścieżka dostępu do obrazka) } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu do obrazka" należy podać miejsce, gdzie znajduje się obrazek, który chcemy wstawić jako obramowanie. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem...
- Wykazy CSS / Wyróżnik obrazkowy wykazu {list-style-image}
selektor { list-style-image: url(ścieżka dostępu) } Selektorem mogą być znaczniki dotyczące wykazów: ul - wypunktowanie, ol - wykaz numerowany oraz li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu" należy wpisać względną ścieżkę do obrazka, który ma się pojawić jako wyróżnik wykazu (marker). Wpisanie none usunie obrazek. Ścieżkę dostępu należy konstruować względem arkusza CSS, a nie względem dokumentu HTML! Polecenie pozwala zastosować dowolny obrazek...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...strony jest bardzo proste. Wystarczy w arkuszu stylów dodać następującą regułę stylów: body { background-color: kolor tła; background-image: url(ścieżka dostępu do obrazka); color: kolor tekstu; } W wyróżnionych miejscach należy wpisać odpowiednio: kolor tła Definicja koloru który wyświetli się w tle strony w następujących przypadkach: w miejscach gdzie grafika tapety będzie miała elementy przezroczyste (jest to możliwe np. w formacie GIF) lub półprzezroczyste (format PNG) przez...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
...autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z następujących wartości: ścieżka dostępu do podstrony w obrębie tego samego serwisu adres zewnętrznej strony (rozpoczynający się od http:// lub https://) w innym serwisie - np. jeśli autor publikuje tutaj gościnnie, ale prowadzi również własny serwis adres e-mail (rozpoczynający się od mailto:), którym posługuje się autor strony W odróżnieniu od znacznika...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: 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 🧤...
- HTML5 / Filmy i dźwięk <video, audio, source>
...albo statyczny obraz. Natomiast ładując film do odtwarzacza audio, możemy pominąć zapisaną w nim ścieżkę wideo - kiedy interesuje nas tylko ścieżka dźwiękowa. Jednak gdy to tylko możliwe, należy unikać tego sposobu, ponieważ mimo iż użytkownik nie widzi obrazu wideo, to jest on nadal zapisany w pliku i transmitowany przez sieć. Pliki multimedialne często są pokaźnych rozmiarów. Przeglądarka zwykle nie potrafi odtworzyć wszystkich możliwych formatów filmów i muzyki. Dlatego właśnie...