ustawić - Kurs HTML i CSS
Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">...zwłaszcza, kiedy wprowadziliśmy zmiany w elementach osadzonych na stronie (np. obrazkach), ale ciągle widzimy ich poprzednią wersję. Jak ustawić automatyczne odświeżanie strony? Aby wymusić automatyczne odświeżenie strony np. po upływie 60 sekund, wystarczy umieścić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <meta http-equiv="refresh" content="60">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
...sytuacji po wejściu na stary adres przeglądarka automatycznie wczyta nową stronę, bez potrzeby klikania użytkownika w dodatkowe odsyłacze. Jak ustawić przekierowanie na inną stronę? Aby po wejściu na stronę natychmiast automatycznie przekierować użytkownika na nowy adres (np. https://www.example.com/), wystarczy wstawić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <meta http-equiv="refresh" content="0...
- Tekst HTML / Indeks górny i dolny <sup, sub>
...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 / Blok <div>
...elementy przed nim i poniżej niego zostaną przeniesione do nowej linii. Ponadto pozwala on grupować wewnątrz siebie inne elementy np. po to, aby je ustawić na środku ekranu.
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
...inne wartości pojawiły się później. Z tego powodu niektóre wyszukiwarki mogą ich nie obsługiwać. Aby zabezpieczyć się przed taką sytuacją, można ustawić w tym samym linku kilka wartości. Nie robimy tego jednak poprzez dodanie kolejnego atrybutu rel="...", ale dopisujemy do już istniejącego kolejne wartości rozdzielając je spacjami. Na przykład: <a href="http://adres strony" rel="ugc nofollow">...</a> Linki sponsorowane <a "sponsored"> <a href="http://adres strony...
- Multimedia HTML / Obrazek HTML <img>
...można w tym celu użyć formatu GIF (lub PNG). Obszary, które mają być niewidoczne, należy narysować innym kolorem, a następnie w programie graficznym ustawić ten kolor jako przezroczysty (transparent). Uwaga: format JPG (oraz BMP) nie obsługuje przezroczystości! Podobny efekt można co prawda uzyskać, rysując "niewidoczne" części kolorem tła strony WWW. Jednak jeśli zmienimy kolor tła na stronie, będzie trzeba zmienić również wszystkie takie obrazki. Natomiast jeżeli ustalimy przezroczystość na...
- Widżety HTML / Ramki lokalne <iframe>
...internetowej? W ramce IFRAME można wyświetlić tylko całą oryginalną zawartość dokumentu HTML. Nie można w niej nic dodać ani zmieniać - np. ustawić inny kolor tła itp. Zatem w przypadku zewnętrznych serwisów nie ma możliwości, aby wybrać tylko jakiś fragment z innego dokumentu HTML i pokazać go w ramce na naszej stronie. Możesz jednak poszukać, czy serwis którego fragment chcesz osadzić na swojej stronie, nie udostępnia czasem gotowych widżetów do wstawiania w innych witrynach. Tego...
- Formularze HTML / Ramy formularza HTML <form>
...następującym znacznikiem: <form action="mailto:jan.kowalski@example.com" method="post">...</form>. Jak wyśrodkować formularz w HTML? Aby ustawić na środku ekranu całą zawartość formularza, można przypisać mu odpowiedni atrybut: <form action="..." method="post" style="text-align: center">...</form>.
- Formularze HTML / Obszar tekstowy <textarea>
...Domyślnie każde wieloliniowe pole tekstowe ma ustaloną zarówno szerokość jak i wysokość, które mogą się różnić w zależności od przeglądarki. Aby ustawić szerokość takiego pola np. na 100 znaków, a wysokość na 10 linijek tekstu, można się posłużyć następującym kodem: <textarea name="..." cols="100" rows="10"></textarea>. Warto pamiętać, że jeśli użytkownik będzie chciał wpisać w takim polu tekst dłuższy niż 100 znaków, nadal będzie mógł to zrobić. Wtedy tekst po prostu zostanie przeniesiony...
- HTML5 / Wykaz z numeracją odwrotną <ol reversed>
...w kolejności malejącej w HTML? Aby utworzyć listę w kolejności malejącej w HTML, należy dodać atrybut reversed do elementu <ol>. Można również ustawić początkowy numer listy za pomocą atrybutu start. Przykład: <ol reversed start="5"> <li>Piąty</li> <li>Czwarty</li> <li>Trzeci</li> </ol> utworzy listę zaczynającą od 5 i malejącą.