Jak umieścić tekst na stronie internetowej? - Kurs HTML i CSS
Jak umieścić tekst na stronie internetowej?
Zwykły test wystarczy wpisać w ciele dokumentu HTML - tzn. wewnątrz sekcji <body>...</body>
- przy użyciu dowolnego edytora HTML.
- HTML dla zielonych / Wpisywanie tekstu HTML
Jeśli chcemy umieścić na stronie WWW zwykły tekst, możemy wpisać go bezpośrednio z klawiatury - w miejsce właściwej treści dokumentu (patrz: Ramy dokumentu). Nie trzeba przy tym stosować żadnych dodatkowych poleceń. Należy jednak pamiętać, że przeglądarka internetowa automatycznie zawinie wszystkie wiersze, dlatego w edytorze HTML tekst możemy wpisywać dowolnie, np. po wpisaniu: To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... Na ekranie...
- HTML dla zielonych / Tekst pogrubiony HTML <b>
...Jak zmienić grubość tekstu HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pogrubić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <b>...</b>, dzięki czemu będzie się on lepiej wyróżniał wizualnie.
- HTML dla zielonych / Tekst pochylony HTML <i>
...Jak pochylić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pochylić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <i>...</i>. W ten sposób często oznacza się np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu.
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...Zamiast tekstu: "Tu podaj względną ścieżkę dostępu do obrazka", należy podać miejsce na dysku, gdzie znajduje się nasz obrazek, który chcemy umieścić na stronie. Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go wstawić, wystarczy wpisać tutaj samą nazwę pliku obrazka, nie zapominając przy tym o podaniu rozszerzenia (".jpg" lub ".gif"). Natomiast w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...Aby umożliwić użytkownikowi swobodne przechodzenie pomiędzy podstronami naszego serwisu, trzeba je w jakiś sposób połączyć między sobą. Należy umieścić w wybranym miejscu odsyłacze do wszystkich podstron. Zwykle przeznacza się na to osobną stronę, która stanowi spis treści i zawiera ułożone kolejno odsyłacze do wszystkich podstron serwisu. Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca: <a href="względna ścieżka dostępu do podstrony">opis odsyłacza</a>...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...Pamiętaj, że to właśnie grafika najbardziej wpływa na szybkość ładowania strony, dlatego ogranicz jej ilość oraz rozmiary. Jeśli już musisz coś umieścić, postaraj się, aby było to naprawdę dobrej jakości. Tworząc samodzielnie obrazy używaj antialiasingu, czyli wygładzania poszarpanych krawędzi. Cechą po której na pierwszy rzut oka można rozpoznać dobrego projektanta jest oszczędne i umiejętne operowanie grafiką, która dobrze komponuje się z wyglądem strony. Przyjrzyj się innym...
- HTML dla zielonych / Ćwiczenia
...internecie, na których czytelnik będzie mógł znaleźć więcej informacji na opisywany przez Ciebie temat. Jeżeli tworzysz stronę o sobie, możesz tutaj umieścić odnośniki do Twojego profilu w serwisach społecznościowych: Facebook, Twitter, YouTube, LinkedIn itp. Stwórz podstronę o nazwie kontakt.html (nowy plik HTML w edytorze) i umieść do niej odsyłacz na stronie głównej (czyli w pliku index.html). Wstaw na niej odsyłacz pocztowy z Twoim adresem e-mail.
- Tekst / Kod poprawny semantycznie
...w swoim tekście. Jeżeli używasz skrótów lub akronimów, które są dość mało znane, zalecane jest dodanie atrybutu title="...", w którym można umieścić pełne rozwinięcie nazwy. Wyeliminuje to konieczność domyślania się rozwinięcia przez syntezator i ewentualnych pomyłek (jeden akronim może mieć zupełnie różne rozwinięcia w różnych dziedzinach wiedzy). Jeżeli nie sądzisz, aby Twoja strona mogła być kiedykolwiek odwiedzona przez osobę niewidomą (nigdy tego nie zakładaj, bo możesz się...
- Odsyłacze / Odsyłacz obrazkowy <a href, img, map, area>
...W takim przypadku praktycznie nie będą oni mogli przenieść się do miejsc wskazanych na obrazkowej mapie odsyłaczy. Z tego powodu warto również umieścić gdzieś zwykłe odsyłacze hipertekstowe, prowadzące do tych samych dokumentów. Można także zastosować odnośnik do strony alternatywnej - dla przeglądarek które nie wyświetlają grafiki. Ponadto tekst alternatywny jest informacją dla przeglądarek tekstowych, które nie wyświetlają grafiki. Przykład <img, map, area> Aby usunąć...
- Tabele / Struktura tabeli HTML <table, tr, td>
...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> <td>komórka4</td> </tr> </table> Oczywiście wcięcia w tekście nie są obowiązkowe, ale zwiększają przejrzystość...