stronie - Kurs HTML i CSS
HTML5 / Wyszukiwarka <search>...być objęty tylko sam formularz, a nie wyniki wyszukiwania. Znacznik SEARCH nie tworzy samoczynnie wyszukiwarki, a jedynie wskazuje miejsce na stronie, gdzie się znajduje jej formularz. Do stworzenia wyszukiwarki można się posłużyć językiem takim jak PHP (wyszukiwarka), JavaScript (filtrowanie) albo skorzystać z gotowych formularzy wyszukiwarek internetowych. Przykład <search> <search> <form action="search.php"> <input type="search" name="q"> <button type="submit">Szukaj</button>...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...nastąpi z tej samej domeny (to samo co użycie crossorigin jako atrybut logiczny - tzn. bez podania wartości). Czyli przykładowo jeśli na naszej stronie wstawimy obrazek znajdujący się na innym serwerze, będziemy mieli pewność, że jego zawartość nie będzie w żaden sposób dopasowana do użytkownika, który aktualnie odwiedza naszą stronę (jest to wartość domyślna). use-credentials - zostaną wysłane pełne dane uwierzytelniające bez względu na domenę. Steruje przesyłaniem danych...
- HTML5 / Atrybuty danych <... data-...>
...W nazwach atrybutów danych nie można używać wielkich liter. wartość Dowolny tekst HTML5 pozwala webmasterom nadawać dowolnemu znacznikowi na stronie swoje własne atrybuty, pod warunkiem że ich nazwa rozpoczyna się od: data- (np. data-mojatrybut="..."). Nie mają one żadnego wpływu na sposób wyświetlania strony ani na semantykę tekstu. Ich wartości wykorzystuje się w dynamicznych skryptach JavaScript - wstawianych do dokumentu za pomocą znaczników SCRIPT. Jeżeli nie korzystasz z takich...
- HTML5 / Przeciągnij i upuść <... draggable>
...Przeciąganie w HTML odnosi się do funkcji przeciągania i upuszczania, która pozwala użytkownikom przenosić elementy z jednego miejsca do innego na stronie internetowej. Dzięki zastosowaniu API Drag and Drop, można oznaczyć elementy jako przeciągane za pomocą atrybutu draggable="true", a następnie obsługiwać zdarzenia takie jak dragstart, dragover, i drop, aby określić, co powinno się stać podczas przeciągania i upuszczania tych elementów. Jak działa przeciąganie i upuszczanie kodu HTML...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...innych tego samego rodzaju. low - wskazany zasób załaduje się później względem innych tego samego rodzaju. auto - wartość domyślna Na stronie internetowej możemy osadzić wiele zasobów ładowanych z zewnętrznych plików - takich jak: obrazki, skrypty czy arkusze stylów. Aby przyspieszyć proces wczytywania takich elementów, mogą być one ładowane równocześnie. Przeglądarka jednak nie wie, które z nich w każdej spośród tych grup są ważniejsze, a które mniej ważne. W konsekwencji...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
...musiały się znajdować wewnątrz znacznika FORM. W przeciwnym razie nie były wysyłane z formularzem. HTML5 pozwala umieścić kontrolki gdziekolwiek na stronie i skojarzyć je z wybranym formularzem za pomocą atrybutu form="...". Jako wartość atrybutu należy podać identyfikator nadany formularzowi (atrybutem id="..."). Przykład <form, input form> <form action="?" id="formularz"></form> <input type="text" name="pole" form="formularz">
- HTML5 / Tryb wpisywania <... inputmode>
...tryb Należy podać jedną z poniższych wartości: none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na stronie wyświetlamy własną kontrolkę klawiatury. text - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika. tel - klawiatura ekranowa umożliwiająca wprowadzanie numerów telefonów. Powinna zawierać klawisze dla cyfr od 0 do 9, znak "#" oraz znak "*". W niektórych lokalizacjach może również zawierać etykiety...
- Podcast HTML / #4 Odsyłacze HTML
...stron w obrębie całego Internetu: <a href="https://...">. Odsyłacz do etykiety (kotwice/zakładki): służy do tworzenia elektronicznej zakładki na stronie: <a href="#...">. Pozwala na bezpośrednie przeniesienie użytkownika do konkretnego, zaznaczonego miejsca w dokumencie, co ułatwia nawigację. Odsyłacze funkcjonalne i protokolarne Ta grupa obejmuje linki, które inicjują specyficzne działania klienta (np. wysyłanie poczty, połączenia, transfer plików) przy użyciu różnych protokołów...
Wstawianie stylów CSS / Wydzielone bloki <div style>...w nich powiązane elementy. Co daje DIV HTML? Znacznik <div> w HTML jest elementem blokowym, który pozwala tworzyć kontenerowe bloki na stronie. Dzięki niemu można grupować inne elementy, tworzyć układy strony, stosować style CSS oraz manipulować zawartością za pomocą skryptów JavaScript, co umożliwia bardziej elastyczną i kontrolowaną strukturę strony internetowej.
- Podcast HTML / #1 HTML dla zielonych
...że znaczniki zamykamy zawsze w kolejności odwrotnej niż były otwierane. Kolor tła i pozioma linia Aby zmienić domyślny kolor tła i tekstu na całej stronie, należy zmodyfikować znacznik <body>, dodając atrybut style. Kolor tła i tekstu zawsze powinno się ustawiać jednocześnie, dbając o kontrast. <body style="background-color: black; color: white"> Tu jest właściwa treść strony </body> Poziomą linię, która może rozdzielać sekcje tematyczne, wstawia się za pomocą znacznika <hr>. Znacznik...