dodać atrybut - Kurs HTML i CSS
Tabele HTML / Struktura tabeli HTML <table, tr, td>...Otrzymamy: komórka1 komórka2 komórka3 komórka4 Jak widać, taka tabela nie ma obramowania, dlatego jest mało czytelna. O tym, jak dodać obramowanie do tabeli, możesz przeczytać w sekcji CSS. Dla większej czytelności kodu można umieścić każdy znacznik <td> w nowej linii. Jest to przydatne zwłaszcza w przypadku dość obszernej treści w komórkach. Powyższa tabela jest równoznacza z: <table> <tr> <td>komórka1</td> <td>komórka2</td> </tr> <tr> <td>komórka3</td>...
- HTML5 / Element edytowalny <... contenteditable>
...ogóle nie będzie edytowalny. Pytania i odpowiedzi <div contenteditable> Jak zrobić edytowalny kod HTML? Aby zrobić edytowalny kod HTML, należy dodać atrybut contenteditable="true" do dowolnego elementu HTML, co sprawi, że użytkownicy będą mogli edytować jego zawartość bezpośrednio na stronie. Na przykład: <div contenteditable="true">Edytowalny tekst</div>. To sprawia, że zawartość tego <div> stanie się edytowalna. Jaki jest pożytek z contenteditable w HTML? Atrybut contenteditable...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...action="mailto:adres e-mail?subject=temat" method="post" enctype="text/plain" onsubmit="usun_pl(this)"> (Pola formularza) </form> Zwróć uwagę, aby dodać atrybut onsubmit="usun_pl(this)" do znacznika <form>! Strona kodowa formularza <form accept-charset> <form action="..." accept-charset="strona kodowa">...</form> Domyślnie zawartość formularza, wypełniona przez użytkownika, jest wysyłana przy użyciu takiej samej strony kodowej jak określona w dokumencie z formularzem. Może się jednak...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...zaznaczone po załadowaniu strony. Jak ustawić fokus na konkretnym elemencie HTML? Aby ustawić fokus na konkretnym elemencie HTML, należy dodać atrybut autofocus do tego elementu, jak w <input type="text" id="myInput" autofocus>. Można również ustawić fokus programowo za pomocą JavaScript, używając metody focus(), np. document.getElementById('myInput').focus();. Jak ustawić autofokus na "fałsz" w HTML? W HTML nie ma bezpośredniego sposobu na ustawienie autofokusu na "fałsz...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...przypisujemy atrybut popovertarget="..." o wartości takiej samej, jak identyfikator id="..." popovera. Na koniec do przycisku możemy opcjonalnie dodać atrybut popovertargetaction="..." określający akcję, która po kliknięciu w przycisk ma zostać wykonana na popoverze. Warto zwrócić uwagę, że tym samym popoverem może sterować wiele przycisków - np. jeden może go otwierać, a drugi zamykać. Okienko popover domyślnie nie ma przypisanego żadnego bardziej skomplikowanego wyglądu poza czarną...
- HTML dla zielonych / Ustawienie obrazka HTML <img src alt "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 odpowiedniej wartości: <img src="obrazek.jpg" alt="Tu wpisz...
- Formularze HTML / Ramy formularza HTML <form>
...ankiet (sond), oferowanych za darmo w wielu serwisach. Garść adresów znajdziesz w rozdziale: Darmowe komponenty. Pytania i odpowiedzi <form> Jak dodać formularz do HTML? W tym celu do kodu źródłowego strony trzeba dodać znacznik FORM z atrybutem wskazującym akcję, jaka ma zostać wykonana po wysłaniu formularza. Na przykład, aby po wypełnieniu formularza mógł on być wysłany na adres e-mail jan.kowalski@example.com, można się posłużyć następującym znacznikiem: <form...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...w danym polu, np.: placeholder="Wprowadź swój e-mail". Jak ustawić "placeholder"? Aby ustawić "placeholder" w polu formularza HTML, należy dodać atrybut placeholder="..." do elementu <input> lub <textarea> . Przykład: <input type="text" placeholder="Wprowadź swoje imię"> lub <textarea placeholder="Wpisz swoją wiadomość"></textarea>.
Dobre praktyki / Przykazania webmastera...Dlatego często stosuje się inną metodę. Zmiany można wprowadzać w tych samych plikach *.css, a w adresach do nich (występujących w plikach *.html) dodać po pytajniku numer kolejnej wersji (albo aktualną datę), np.: <link rel="stylesheet" href="style.css?2"> To samo dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w...
Menu drzewiaste / Skrypt menu drzewiastego...4</a></li> </ul> Folder 1 Dokument 1.1 Dokument 1.2 Dokument 2 Dokument 3 Dokument 4 new Tree("tree1"); Na koniec warto dodać, że opisywany tutaj skrypt posiada system automatycznego wykrywania aktualnie załadowanej strony. Dzięki niemu po wczytaniu dokumentu wybranego na liście, gałąź w drzewie menu w której znajduje się odpowiadający link jest na starcie rozwinięta, a sam link zostaje wyróżniony przy użyciu klasy CSS pod nazwą active, co natychmiast wskazuje...