bezpośrednio - Kurs HTML i CSS
Widżety HTML / Ćwiczenia...film powiązany tematycznie z Twoją stroną. Użyj funkcji "Udostępnij / Umieść", aby skopiować kod HTML widżetu z wybranym filmem. Wstaw film bezpośrednio w treści swojej strony. Otwórz Twoją stronę w przeglądarce i sprawdź, czy można uruchomić odtwarzanie filmu.
Czcionki CSS / Czcionki osadzone @font-face...Użytkownik nie będzie mógł z takiej czcionki korzystać po wyjściu z serwisu - chroni to prawa autorskie producentów czcionek. Osadzanie czcionki bezpośrednio na stronie odbywa się w arkuszu stylów (wewnętrznym lub zewnętrznym) poprzez użycie specjalnej reguły stylów @font-face, w której wskazujemy lokalizację pliku czcionki. Natomiast przypisanie tak zdefiniowanej czcionki do wybranych elementów na stronie odbywa się już w standardowy sposób, który został opisany w rozdziale. pt...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...typ stylu tylko do jednego elementu. Właśnie w takiej sytuacji wygodniejsze może się okazać użycie funkcji symbols(...), którą przypisujemy bezpośrednio do własności list-style-type lub list-style. Przykład {list-style-type: symbols} ol { list-style-type: symbols(cyclic "a" "b" "c"); } Punkt pierwszy Punkt drugi Punkt trzeci Punkt czwarty Punkt piąty Punkt szósty Zauważ, że w przypadku anonimowego typu stylu wykazu przyrostek stanowi tylko spacja, a nie kropka ze spacją...
HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">...również zdjęcie, a nawet jednocześnie zdjęcie np. z jego podpisem tekstowym. Dzięki temu odsyłacz zadziała bez względu na to, czy użytkownik kliknie bezpośrednio w zdjęcie czy może w jego podpis. Na przykład: <a href="duze-zdjecie.jpg"><img src="male-zdjecie.jpg" alt="Zobacz duże zdjęcie" style="border: 0"><br> Tu wpisz podpis zdjęcia</a>.
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...zupełnie ignorowany przez większość wyszukiwarek internetowych. Dlatego aby skutecznie dodać słowa kluczowe do swojej strony, najlepiej je wstawić bezpośrednio w treści, tak żeby były widoczne dla czytelnika. Jak dobrać słowa kluczowe SEO? SEO to skrót z języka angielskiego: Search Engine Optimization - czyli optymalizacja dla wyszukiwarek internetowych. Jest to zbiór działań mających na celu poprawienie miejsca strony w wynikach wyszukiwania np. Google. Jednym z nich są odpowiednio...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
...<link "prev, next"> Pomoc <link "help"> Szukaj <link "search"> Wstęp (interpretuje: Opera 12-) Niektóre przeglądarki pozwalają określić bezpośrednio z poziomu strony WWW dodatkowe punkty nawigacyjne w serwisie. Mogą one być wyświetlane na specjalnym pasku narzędzi (najczęściej Nawigacja) w postaci linków do wskazanych stron. Część z tego typu punktów nawigacyjnych może być również wykorzystywana przez roboty wyszukiwarek internetowych (np. Google). We wszystkich przypadkach...
- Tekst HTML / Indeks górny i dolny <sup, sub>
...tekstu wewnątrz znacznika <sub>...</sub>. Jak zrobić indeks górny i dolny jednocześnie? Jeśli wstawimy znaczniki indeksu górnego i dolnego bezpośrednio po sobie, to ten drugi w kolejności wyświetli się przesunięty w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A<span style="display: inline-block; line-height: 0.5"><sup style="display: block">1</sup><sub>2</sub></span>.
- Tekst HTML / Akapit <p>
<p>...</p> wyświetlanie: w bloku * Akapit jest to część tekstu objęta znacznikami: <p>...</p>. Następujące bezpośrednio po sobie akapity są oddzielone przerwą w tekście (pustą linią). Dzięki umieszczaniu w kolejnych akapitach treści nieco różniącej się tematycznie, strona stanie się bardziej estetyczna oraz czytelniejsza. Jeżeli przed akapitem lub serią akapitów postawimy znak paragrafu § (w kodzie źródłowym reprezentowany przez znak specjalny §) z ewentualnym numerem porządkowym, to...
- Odsyłacze HTML / Do adresu internetowego <a "http, https">
...jej adres (z paska adresu przeglądarki) i umieścić w odsyłaczu. Dzięki temu wszyscy użytkownicy odwiedzający naszą witrynę, będą mogli przenieść się bezpośrednio do wskazanej strony, bez potrzeby wpisywania jej adresu. Przykład <a "https"> Odsyłacz do portalu internetowego onet.pl
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
...Sieciowy Protokół Transportu Wiadomości) to protokół, na którym opierają się grupy dyskusyjne. Możliwe jest podanie odwołania do wybranej grupy bezpośrednio poprzez protokół NNTP. Odsyłacz newsrc <a "newsrc"> <a href="newsrc://adres">opis</a> Plik .newsrc zawiera informacje na temat grupy dyskusyjnej: czy została przez użytkownika zasubskrybowana oraz które artykuły zostały przeczytane. Dzięki temu można używać kilku programów odczytujących grupy dyskusyjne bez konieczności ponownego...