Jak dodać tekst do strony? - Kurs HTML i CSS
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...
- Tabele / 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>...
- Widżety / Ramki lokalne <iframe>
...internetowej na własnej stronie 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...
CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}...i tekstu w CSS? Aby zmienić domyślny kolor tła oraz tekstu na całej stronie, najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład: body { background-color: black; color: white; } ustawi czarny kolor tła i biały kolor tekstu. Jak ustawić kolor RGB w CSS? W języku CSS możemy stosować takie same kolory jak w HTML. Na przykład aby ustawić na całej stronie czarny kolor tła i biały kolor tekstu w notacji...
- Formularze / 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...
- Formularze / Wyczyszczenie danych <input "reset">
...przy których ponowne wpisywanie wszystkich danych trwałoby dość długo. Aby potwierdzić wyczyszczenie formularza, należy do znacznika <form> dodać atrybut onreset="...": <form action="adres" method="post" onreset="if (!confirm('Czy na pewno chcesz wyczyścić cały formularz?')) return false">...</form> Przykład <form onreset> Wpisz tu jakiś tekst. Odpowiedź nr1 Odpowiedź nr2 Odpowiedź nr1 Odpowiedź nr2 Pytania i odpowiedzi <input "reset"> Jak zresetować formularz HTML? Zdarza...
Wyróżnienia...także dla zaawansowanych webmasterów. Są również gotowe skrypty, a nawet działające generatory kodu (dla przycisków, indeksu itp.). Trzeba tu dodać, że serwis został przygotowany bardzo fachowo, doskonale rozwiązano system nawigacji po zasobach, zaś cały wystrój graficzny jest podporządkowany treści. cytat z magazynu Internet
- Formularze / 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 / Załącznik <figure, figcaption>
...FIGCAPTION? Jest to element służący do wstawiania podpisów ilustracji bądź diagramów i innych tego typu załączników w dokumentach HTML5. Jak dodać opis do zdjęcia HTML? Najlepszym sposobem dodania krótkiego opisu pod zdjęciem jest umieszczenie na stronie znacznika FIGURE, a wewnątrz niego IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem...
- 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ą...