przykład html - Kurs HTML i CSS
Selektory atrybutów CSS / Selektor atrybutu zawierającego łączniki...(myślnikami). Reguła taka pozwala nadać konkretne cechy elementom, posiadającym atrybut, którego wartość rozpoczyna się od podanego wyrazu. Na przykład składnia lang|="en" kojarzy atrybuty: lang="en-us" lub lang="en-au", jak również lang="en". Selektor taki został przewidziany do obsługi języków (atrybut LANG), których skróty zawierają często łączniki (np. "en-US" to język angielski w Stanach Zjednoczonych, "en-AU" to język angielski w Australii). W języku XHTML wszystkie nazwy...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...nadany atrybut, który ma określoną wartość. Pozwala nadać konkretne cechy elementom, które posiadają atrybut, właśnie z taką dokładnie wartością. Na przykład znacznik może być automatycznie napisany czcionką koloru czerwonego, jeśli ma nadany atrybut title="...", o wartości podanej w deklaracji stylu. Znaczniki z atrybutem title="..." o innej wartości nie będą już czerwone. W języku XHTML wszystkie nazwy atrybutów w selektorach muszą być pisane małymi literami. Ograniczenia tego nie posiada...
- Rozmiary CSS / Wysokość {height}
...na <html> i <body>, a także upewnić się, że żadne z tych elementów nie ma ustawionej marginesów ani paddingu, które mogą wpłynąć na wysokość. Na przykład: <html style="height: 100%"> <body style="height: 100%; margin: 0"> <div style="height: 100%">Ten DIV zajmie całą dostępną wysokość.</div> </body> </html>.
HTML5 / Uwydatnienie <mark>...możemy przekazać użytkownikowi, że taki fragment może być dla niego szczególnie przydatny, biorąc pod uwagę czynności, które właśnie podjął. Na przykład jeżeli użytkownik właśnie użył wyszukiwarki w serwisie, w wynikach wyszukiwania możemy uwydatnić słowa, których szukał. Należy wyraźnie odróżnić znaczenie uwydatnienia realizowanego przez znacznik MARK od EM i STRONG. Element MARK uwydatnia tekst tylko w określonym kontekście (w innym może już nie być zaznaczony). Natomiast znacznik EM...
- HTML5 / Wstępne ładowanie <link "preload" as>
...aplikacji. Działa to poprzez wczytywanie zasobów, takich jak skrypty lub style, z wyprzedzeniem, aby były one dostępne, gdy będą potrzebne. Na przykład, aby wstępnie załadować skrypt, można użyć <link rel="preload" href="script.js" as="script">. Stosuje się je, gdy zasoby są kluczowe dla wydajności lub w czasie, gdy nie są jeszcze bezpośrednio używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...poziom ochrony wystarczający na większości stron: <iframe sandbox="allow-same-origin allow-forms allow-scripts" src="https://example.com/widget.html"></iframe> Pytania i odpowiedzi <iframe sandbox> Co to jest atrybut "piaskownicy" w HTML? Atrybut sandbox w HTML jest używany w elemencie <iframe> do nałożenia dodatkowych ograniczeń na zawartość osadzoną w ramce, takich jak blokowanie skryptów, zapobieganie wyskakującym okienkom lub wymuszanie polityki samego pochodzenia. Atrybut ten...
- HTML dla zielonych / Tekst pogrubiony HTML <b>
<b>Tu wpisz tekst</b> Znacznik ten pozwala pogrubić (wytłuścić) część tekstu (ang. bold), który się wewnątrz niego znajduje. Podobna funkcja jest zwykle dostępna w zwykłych edytorach (np.: WordPad), podczas tworzenia normalnego dokumentu tekstowego. Przykład <b> Po wpisaniu w edytorze HTML następującego kodu: <b>Ten tekst jest pogrubiony (wytłuszczony)</b> na ekranie przeglądarki otrzymamy: Ten tekst jest pogrubiony (wytłuszczony) Pytania i odpowiedzi <b> Jak zrobić pogrubiony tekst...
- HTML dla zielonych / Tekst pochylony HTML <i>
<i>Tu wpisz tekst</i> Pozwala napisać tekst pismem pochylonym, czyli kursywą (ang. italic). Przykład <i> Po wpisaniu w edytorze HTML następującego kodu: <i>Ten tekst jest napisany pismem pochylonym, czyli kursywą</i> na ekranie przeglądarki otrzymamy: Ten tekst jest napisany pismem pochylonym, czyli kursywą Pytania i odpowiedzi <i> Jak zrobić pochyloną czcionkę? Aby w języku HTML napisać tekst kursywą - czyli pismem pochylonym - wystarczy wpisać go wewnątrz znacznika <i>...</i>...
- HTML dla zielonych / Tekst podkreślony HTML <u>
<u>Tu wpisz tekst</u> Pozwala podkreślić fragment tekstu (ang. underline). Przykład <u> Po wpisaniu w edytorze HTML następującego kodu: <u>Ten tekst jest podkreślony</u> na ekranie przeglądarki otrzymamy: Ten tekst jest podkreślony Pytania i odpowiedzi <u> Jak zrobić podkreślony tekst? Aby podkreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <u>...</u>. Jak dodać podkreślenie HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby...
- HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">
<img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="float: ustawienie"> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Natomiast jako: "ustawienie" należy wpisać: left Obrazek będzie ustawiony po lewej stronie względem...