przykład html - Kurs HTML i CSS
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...
- HTML5 / Nowe elementy HTML5
Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...
- Tekst HTML / Blok <div>
<div>...</div> wyświetlanie: w bloku Polecenie to wydziela większy blok tekstu. W odróżnieniu od akapitu, blok może zawierać wewnątrz siebie inne elementy wyświetlane w bloku. Kolejne bloki są oddzielane od siebie znakami nowej linii, ale nie są dodawane linijki przerwy (aby je dodać, należy zastosować znacznik <p>...</p> albo <br>). Przykład <div> To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy...