przeglądarka - Kurs HTML i CSS
HTML5 / Walidacja pól formularza <input pattern>...Jest to pewien rodzaj filtru, który uniemożliwia nieprawidłowe wypełnienie formularza. Jeśli użytkownik wpisze wartość w niepoprawnym formacie, przeglądarka wyświetli komunikat błędu i zablokuje możliwość wysłania formularza. Komunikat ten będzie jednak dość ogólny - np.: "Podaj wartość w wymaganym formacie". Niestety użytkownik może się nie domyślić, co właściwie oznacza ten "wymagany format". Dlatego zaleca się dodatkowo ustawić atrybut title="...", w którym możemy bardziej szczegółowo...
- HTML dla zielonych / Koniec linii HTML <br>
<br> Powyższy znacznik (<br>) stosuje się gdy chcemy natychmiastowo zakończyć linię. Zapytasz zapewne: Po co go stosować, nie można po prostu nacisnąć Enter i przenieść kursor tekstowy do następnej linii? Otóż nie można. Przeglądarka internetowa ignoruje wszelkie znaki przejścia do następnej linii za pomocą klawisza Enter (ignoruje również postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst: To jest pierwsza linia... a...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
...adresu. Może to być przydatne, jeśli dokument albo nawet cały serwis został przeniesiony pod nowy adres. W takiej 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...
- Komendy HTML 4.01 / NOFRAMES
Określa zawartość, która powinna być wyświetlona tylko wtedy, gdy przeglądarka nie obsługuje ramek (FRAMESET). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza...
- Tekst HTML / Kod poprawny semantycznie
...na ekranie te elementy. Co prawda zwykle np. znacznik <strong>...</strong> jest pogrubiony, ale nic nie stoi na przeszkodzie, aby jakaś specjalna przeglądarka wyświetliła go normalnie, a jedynie ze zmienionym na czerwono kolorem. W przypadku znaczników semantycznych to nie sposób formatowania jest najważniejszy, ale informacje jakie ze sobą niosą. Element <strong>...</strong> wskazuje, że objęty nimi tekst jest bardzo ważny. <code>...</code> daje do zrozumienia, że jest to fragment kodu...
Oprawa graficzna / Zamiennik obrazkowy...zmieścić się na małym ekranie urządzenia mobilnego. Można co prawda je przeskalować, ale wtedy narażamy się na utratę jakości, a co najgorsze przeglądarka i tak musi pobrać sporej wagi pliki graficzne, co biorąc pod uwagę sposób naliczania kosztów połączeń np. w przypadku telefonii komórkowej, może być sporym obciążeniem finansowym, a już na pewno znacząco wydłuży ładowanie strony. Statyczne wstawianie obrazków, tworzących oprawę graficzną, jest niepoprawne semantycznie. Każdy znacznik...
- HTML dla zielonych / Akapit HTML <p "text-align">
...Zamiast stosować dwa znaczniki końca linii: <br><br>, można po prostu objąć wybrany fragment tekstu paragrafem. Efekt będzie identyczny, a dodatkowo przeglądarka lepiej wyświetli taki tekst. Dzięki temu strona będzie wyglądała estetyczniej i łatwiej będzie można odszukać na niej interesujące informacje. Akapit (paragraf) jest bardzo ważny w składni HTML, ponieważ pozwala w określony sposób sformatować tekst na ekranie (ułożyć go w podany sposób). Robi się to podając atrybuty znacznika...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...Tu wpisz krótki opis obrazka" normalnie nie pojawi się na stronie, ale zaleca się go nie pomijać. Może on zostać pokazany, jeśli z jakiegoś powodu przeglądarka nie będzie mogła wyświetlić zdjęcia. Jest również przydatny osobom niewidomym, które korzystają ze stron internetowych zwykle za pomocą specjalnych syntezatorów mowy. Dlaczego nie wyświetla mi się obrazek w HTML? Najczęstszym powodem niewyświetlania się zdjęć wstawionych na stronie internetowej są błędy literowe w nazwach plików...
- Tekst HTML / Cytat <q>
<q>...</q> wyświetlanie: w linii Przeglądarka powinna automatycznie ująć tekst tego znacznika w znaki cudzysłowu, dlatego nie należy wstawiać dodatkowych cudzysłowów ręcznie. Umieszcza się w nim treść krótkich cytatów, które nie zawierają żadnych akapitów. Jeśli chcemy zacytować dłuższy fragment tekstu z kilkoma paragrafami, powinniśmy wykorzystać znacznik <blockquote>...</blockquote>. Przykład <q> Albert Einstein powiedział: <q>Dwie rzeczy nie mają granic: wszechświat i ludzka głupota.</q>...
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...