How to put text below text in HTML? - Kurs HTML i CSS
- HTML5 / Zogniskowanie <... autofocus>
...contenteditable="true". Przykład <input autofocus> <form action="?" method="post"> <fieldset> <legend>Zaloguj się</legend> <input type="text" name="login" autofocus> <input type="password" name="password"> <input type="submit" value="OK"> </fieldset> </form> Pytania i odpowiedzi <input autofocus, button tabindex> Co to jest funkcja autofocus? Funkcja autofocus w HTML jest używana do automatycznego ustawienia fokusu na określonym elemencie formularza, takim jak pole...
- HTML5 / Pominięcie walidacji formularza <form novalidate>
...oznaczenia pola jako obowiązkowe, użytkownik będzie mógł wysłać formularz, nawet jeżeli go nie wypełni: <form action="?" novalidate> <input type="text" value="nazwa" required> </form> Pytania i odpowiedzi <form novalidate> Co to znaczy walidacja formularza? Walidacja formularza to proces sprawdzania poprawności danych wprowadzonych przez użytkownika przed ich przesłaniem. Polega na upewnieniu się, że wszystkie wymagane pola są wypełnione, dane mają odpowiedni format (np. adres e-mail)...
- HTML5 / Przeciągnij i upuść <... draggable>
...się zdarzenia takie jak dragstart, dragover, i drop. Przykład prostego kodu: <div draggable="true" ondragstart="event.dataTransfer.setData('text/plain', event.target.id)" id="dragItem">Przeciągnij mnie</div> <div ondragover="event.preventDefault()" ondrop="handleDrop(event)" id="dropZone">Upuść tutaj</div>. Jak umieścić przeciąganie w HTML? Aby umożliwić przeciąganie elementu w HTML, należy ustawić atrybut draggable="true" na elemencie, który ma być przeciągany, oraz obsłużyć...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
(interpretuje: Internet Explorer 10, Firefox, Opera, Chrome) Pole tekstowe: <input placeholder="podpowiedź"> Obszar tekstowy: <textarea placeholder="podpowiedź">...</textarea> podpowiedź Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
...Firefox, Opera, Chrome) Pola podstawowe: <input type="typ" required> Lista rozwijalna: <select required>...</select> Obszar tekstowy: <textarea required>...</textarea> typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5 - z wyjątkiem: hidden, image, button, submit, reset. Atrybut logiczny (wstawiany bez wartości) required pozwala wskazać, że oznaczone nim pole jest obowiązkowe. Jeśli użytkownik go nie wypełni, nie będzie mógł w ogóle wysłać formularza. Przy...
- Typy MIME / Wstęp
...są przeznaczone dane) audio Dane audio (podtyp określa format audio) image Jeden lub więcej indywidualnych obrazów (podtyp określa format obrazu) text Materiały mające głównie formę tekstową video Zmienny w czasie obraz, możliwe że z dźwiękiem Podtypy mediów Każdy typ mediów definiuje określone podtypy, które może przyjmować. Drzewa rejestracji Nazwa podtypu może się rozpoczynać specjalnym przedrostkiem, który określa jego rodzaj (drzewo): vnd. Publicznie dostępne produkty należące...
- Selektory pseudoklas / Odsyłacz podstawowy :link
...CSS: a { color: red; }. Jak usunąć podkreślenie hiperłącza CSS? Aby usunąć podkreślenie hiperłącza za pomocą CSS, można użyć reguły text-decoration: none;. Na przykład: a { text-decoration: none; }.
- Kaskadowe Arkusze Stylów / Wstęp
Spis treści Kaskadowe Arkusze Stylów Źródła Kaskadowe Arkusze Stylów CSS - Cascading Style Sheets (z ang. Kaskadowe Arkusze Stylów) jest to specjalny język opracowany tylko w jednym celu: stworzenie możliwości bardziej elastycznego zarządzania sposobem formatowania (wyglądem) elementów znajdujących się w dokumentach elektronicznych. CSS nie może zatem istnieć samodzielnie, gdyż jest ściśle powiązane z językiem opisu struktury dokumentów takim jak HTML. CSS daje możliwość globalnego...
- Tekst / Wyrównanie tekstu {text-align}
selektor { text-align: wyrównanie } Selektorem może być dowolny znacznik wyświetlany w bloku, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wyrównanie" należy podać: left - wyrównanie tekstu do lewego marginesu (domyślnie) right - wyrównanie do prawego marginesu center - do środka (wyśrodkowanie) justify - do obu marginesów jednocześnie (justowanie) Polecenie pozwala wybrać jeden z możliwych sposobów wyrównania tekstu, czyli jego...
- Wstawianie stylów / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #003868; background-color: #80B8E8; margin: 6mm; } p { text-align: justify; } pre, code { font-size: 8pt; } Ciekawostka Przeglądarki zwykle umożliwiają formatowanie wszystkich oglądanych stron (bez względu na ich pochodzenie), przy użyciu arkusza stylów dostarczonego przez użytkownika. Pozwala to np. określić odpowiadającą nam wielkość czcionki, jej rodzaj, kolor tła oraz tekstu itd. Przykładowo...