Jak ustawić utf-8 HTML? - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...stratna co prawa powoduje utratę jakości, ale jest to słabo zauważalne dla przeciętnego człowieka, a zyski są ogromne. Stopień kompresji można ustawić najczęściej podczas zapisu pliku w dowolnym, bardziej rozbudowanym programie graficznym. Naprawdę warto poeksperymentować! BMP Nigdy nie używaj na stronach internetowych formatu BMP (ang. bitmap), ponieważ nie zapewnia on dobrej kompresji, a więc pliki w nim zapisane są ogromne! GIF Do wszelkiego rodzaju ręcznie rysowanych ikon...
Aktualizacja / System newsów...this.wyswietl = function() { if (content) document.write('<dl class="news">' + content + '</dl>'); } } Na początku można ustawić zmienne konfiguracyjne. Np. aby w naszym serwisie nie "straszyły" kilkumiesięczne "nowości", można ustawić przez ile dni od ich wprowadzenia mają się wyświetlać na liście. Potem co jakiś czas można czyścić kod z przestarzałych nowości, które już się nie wyświetlają. Jeżeli wszystkie lub większość newsów będzie dodawała ta sama osoba, można...
HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">...right", style="float: right", style="float: right"... Pytania i odpowiedzi <img src alt "float"> Jak przesunąć obrazek w lewo HTML? Aby ustawić obrazek po lewej stronie tekstu, należy dodać do jego znacznika atrybut o odpowiedniej wartości: <img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka" style="float: left">. Jak wstawić zdjęcie po prawej stronie w HTML? Aby w języku HTML ustawić obrazek po prawej stronie tekstu, należy dodać do jego znacznika atrybut o...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <div "center", img src alt> Pytania i odpowiedzi <div "center", img src alt> Jak wycentrować zdjęcie HTML? Najłatwiejszym...
- Nagłówek i treść / Deklaracja strony kodowej <meta charset>
...problemy z wyświetlaniem polskich znaków (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Pytania i odpowiedzi <meta charset> Jak ustawić kodowanie polskich znaków HTML? Aby na stronie wyświetlały się poprawnie wszystkie polskie znaki diakrytyczne, w nagłówku strony - tzn. w dowolnym miejscu wewnątrz elementu <head>...</head> - trzeba wstawić tzw. deklarację strony kodowej. Najczęściej stosowanym zapisem jest w tym przypadku: <meta charset="utf-8">. Oprócz tego konieczne...
- Nagłówek i treść / Język strony <html lang, link hreflang>
...<link rel="alternate" hreflang="x-default" href="https://www.example.com/"> Pytania i odpowiedzi <html lang> Jak ustawić język strony w HTML? Ustawienie języka strony WWW - np. polskiego lub angielskiego - nie jest obowiązkowe, ale ułatwia zadane m.in. automatycznym tłumaczom tekstu. Aby ustawić język strony najlepiej do znacznika obejmującego cały dokument dodać odpowiedni atrybut - np.: <html lang="pl">...</html>. Należy jednak przy tym pamiętać, że w...
- Nagłówek i treść / 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ść / 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 / 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>.
- Nagłówek i treść / Ikona strony <link "shortcut icon">
...znajduje się pod adresem https://www.example.com/, to adres pliku ikony powinien być następujący: https://www.example.com/favicon.ico. Jak ustawić ikonę w HTML? Aby ustawić ikonę strony, która została zapisana w pliku favicon.ico, należy umieścić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <link rel="shortcut icon" href="/favicon.ico">. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek...