przykład html - Kurs HTML i CSS
Kursory CSS / Kształt kursora {cursor}...i odpowiedzi {cursor} Jak zmienić wygląd kursora? Aby zmienić wygląd kursora na stronie internetowej, można użyć CSS i właściwości cursor. Na przykład, aby zmienić kursor na obrazek dłoni, można użyć poniższego kodu: "cursor: pointer". Jak zmienić kursor w CSS? Aby zmienić kursor za pomocą CSS, należy użyć właściwości cursor. Możesz ustawić różne wartości dla tej właściwości, takie jak pointer, text, grab itp., aby zmienić kształt i wygląd kursora na elementach HTML. Na przykład...
Podcast HTML / #3 Tekst HTML...czcionki. Syntezatory mowy (dostępność): znaczniki semantyczne mają ogromne znaczenie dla syntezatorów mowy używanych przez osoby niewidome. Na przykład, kiedy syntezator natrafi na <strong>, może specjalnie podkreślić tonem głosu zawarty w nim tekst. Inne istotne znaczniki to <abbr> (skrót/akronim) i <var> (zmienna). W przypadku dłuższych cytatów, które mają własne akapity, należy użyć bloku cytowanego <blockquote>. Krótkie cytaty wewnątrz akapitu oznaczamy za pomocą <q>.
- HTML5 / Filmy i dźwięk <video, audio, source>
...plik. Szczególnie dla formatów wideo powinno się dodatkowo podać nazwę kodeków, za pomocą których został skonwertowany obraz i dźwięk (zobacz przykłady poniżej: Kodeki MP4, Kodeki OGG/OGV). Różnica pomiędzy odtwarzaczem wideo a audio jest tylko taka, że ten drugi nie udostępnia okna do wyświetlania obrazu. W odtwarzaczu wideo swobodnie można odgrywać również samą muzykę. Może to być przydatne np. aby wraz z dźwiękiem wyświetlić dodatkowe napisy zsynchronizowane z dźwiękiem albo...
- XHTML / Wymagania stawiane dokumentom XHTML
...a jednocześnie kodowanie nie jest określone przez żaden protokół wyższego rzędu, jak np. nagłówek HTTP "Content-Type" wysyłany przez serwer. Oto przykład typowego dokumentu XHTML (1.0) z dołączoną deklaracją XML: <?xml version="1.0" encoding="ISO-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Tytuł dokumentu</title> </head> <body>...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby ten plik posiadał rozszerzenie *.css. W powyższym przykładzie jest to plik pod nazwą "style.css", który znajduje się w tym samym katalogu co dokument *.html. Można go oczywiście zapisać w innej lokalizacji - wtedy zamiast "style.css" trzeba podać pełną ścieżkę dostępu (tworzy się ją w analogiczny sposób, jak przy wstawianiu obrazka). Warto podkreślić, że jeśli Twoja strona WWW składa się z...
- Widżety HTML / Ramki lokalne <iframe>
...ramkę lokalną (ang. inline frame), która działa jak niezależne okno przeglądarki wewnątrz strony internetowej. Jak wstawić IFRAME na HTML? Na przykład jeśli plik podstrony nazywa się "podstorna.html" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić ramkę IFRAME, można się posłużyć następującym znacznikiem: <iframe src="podstrona.html"></iframe>. Jaki znacznik HTML służy do wyświetlania w ramce fragmentu innej strony internetowej na...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...w HTML jest używana do automatycznego ustawienia fokusu na określonym elemencie formularza, takim jak pole tekstowe, gdy strona jest załadowana. Na przykład, używając <input type="text" name="username" autofocus>, przeglądarka automatycznie ustawi kursor w polu username podczas ładowania strony. Jak ustawić domyślny fokus w HTML? Domyślny fokus w HTML można ustawić, dodając atrybut autofocus np. do tagu <input>, <textarea> lub <select>. Na przykład, <input type="text" name="search...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...Przykład <iframe srcdoc> Obie poniższe formy zapisu są równoważne (zwróć uwagę na znaki apostrofu i cudzysłowu): <iframe srcdoc='<a href="index.html">Strona główna</a>'></iframe> <iframe srcdoc="<a href="index.html">Strona główna</a>"></iframe> Pytania i odpowiedzi <iframe srcdoc> Co to jest srcdoc="..." w ramce IFRAME? Atrybut srcdoc="..." w ramce <iframe> pozwala na bezpośrednie osadzenie kodu HTML wewnątrz ramki, zamiast ładowania zewnętrznego dokumentu przez atrybut...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
...Jak zrobić cudzysłów w cudzysłowie? Aby umieścić cudzysłów wewnątrz innego cudzysłowu, można użyć różnych kombinacji cudzysłowów. Na przykład: „To jest »cytat« w cudzysłowie” albo "To jest 'cytat' w cudzysłowie". Jak wygląda polski cudzysłów? Polski cudzysłów ma postać dwóch przeciwnie skierowanych podwójnych apostrofów: „...”. W kodzie HTML możesz użyć następujących znaków specjalnych: „...”. Czy na końcu cytatu stawiamy kropkę? Kropka kończąca cytat...
- Oprawa graficzna / Zamiennik obrazkowy
...i wygodą użycia. Nadają się do wykorzystania dla różnych elementów HTML, jednak dla uproszczenia w dalszej części tego rozdziału zostaną podane przykłady operujące na elementach DIV i SPAN. Zamienniki obrazkowe nie nadają się do zastosowania w przypadku ilustracji osadzanych w treści artykułów. Zdjęcia takie, jako elementy publikowane redakcyjnie, nie zależą od arkusza CSS (skórki), a zatem należy je traktować jako treść, a nie oprawę graficzną. W przypadku takich ilustracji należy...