Jak dodać tekst do strony? - Kurs HTML i CSS
Jak dodać tekst do strony?
Aby dodać zwykły tekst do istniejącej strony internetowej, wystarczy otworzyć wybrany plik *.html w edytorze HTML. Następnie trzeba wyszukać miejsce w dokumencie, gdzie ma zostać dodany nowy tekst - powinno to być gdzieś wewnątrz sekcji <body>...</body>. Tekst można w tym miejscu po prostu wpisać z klawiatury albo wkleić ze schowka systemowego np. przy pomocy kombinacji klawiszy Ctrl+V (pod systemem Windows). Na koniec można zapisać zmieniony plik *.html przy pomocy skrótu klawiaturowego: Ctrl+S.
HTML dla zielonych / Wpisywanie tekstu HTML...Zwykły test wystarczy wpisać w ciele dokumentu HTML - tzn. wewnątrz sekcji <body>...</body> - przy użyciu dowolnego edytora HTML. Jak dodać tekst do strony? Aby dodać zwykły tekst do istniejącej strony internetowej, wystarczy otworzyć wybrany plik *.html w edytorze HTML. Następnie trzeba wyszukać miejsce w dokumencie, gdzie ma zostać dodany nowy tekst - powinno to być gdzieś wewnątrz sekcji <body>...</body>. Tekst można w tym miejscu po prostu wpisać z klawiatury albo wkleić...
- HTML dla zielonych / Akapit HTML <p "text-align">
...stosuje się jednak raczej w stosunku do przepisów prawnych, a nie do zwykłego tekstu. Jak wyśrodkować tekst? Aby ułożyć tekst na środku, można dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: center">...</p>. Jak wyjustować tekst w HTML? Aby wyróżnać tekt do obu marginesów jednocześnie, należy dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: justify">...</p>. Jak zrobić tekst po prawej stronie w HTML? Aby wyrównać tekst do prawego...
- Odsyłacze / Odsyłacz obrazkowy <a href, img, map, area>
...punkt spowoduje wyświetlenie zbliżenia tego obszaru albo informacji o wskazanej okolicy. Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu odsyłacza ?x,y - czyli współrzędne punktu kliknięcia liczone od lewego-górnego narożnika grafiki. Przykład <a href, img ismap> Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony...
- 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...
- 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...
- 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 / Nowe elementy HTML5
...Element SUMMARY dostarcza ich streszczenie, legendę lub podpis. DIALOG Część aplikacji w postaci okna dialogowego. Skrypty Skrypty pozwalają dodać pewną interaktywność do dokumentów HTML. TEMPLATE Oznacza fragmentu kodu HTML, który może być kopiowany i wstawiany przez skrypt w innym miejscu dokumentu. SLOT Tworzy tzw. slot używany przy tworzeniu własnych elementów. CANVAS Używane do renderowania dynamicznej grafiki rastrowej w czasie wyświetlania strony - takiej jak wykresy lub...
- 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...