przykład - Kurs HTML i CSS
HTML dla zielonych / Tekst podkreślony HTML <u><u>Tu wpisz tekst</u> Pozwala podkreślić fragment tekstu (ang. underline). Przykład <u> Po wpisaniu w edytorze HTML następującego kodu: <u>Ten tekst jest podkreślony</u> na ekranie przeglądarki otrzymamy: Ten tekst jest podkreślony Pytania i odpowiedzi <u> Jak zrobić podkreślony tekst? Aby podkreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <u>...</u>. Jak dodać podkreślenie HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby...
- Nagłówek i treść HTML / Edytor <meta "generator">
<head> <meta name="generator" content="nazwa edytora"> </head> gdzie jako "nazwa edytora" można wpisać nazwę programu, przy użyciu którego została stworzona strona. Pozwala określić nazwę edytora HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
- Tekst HTML / Koniec linii <br>
<br> Jest to bardzo przydatny znacznik. Używamy go, gdy chcemy natychmiast zakończyć linię i przejść do następnej (wszystkie normalne znaki końca liniii są ignorowane przez przeglądarkę). Przykład <br> Tu jest pierwsza linia<br> Tu jest druga linia...<br><br><br> ...a tu następna.
- Tekst HTML / Pogrubienie <b>
<b>...</b> wyświetlanie: w linii Znacznik ten pozwala pogrubić (wytłuścić) część tekstu (ang. "bold"). Oznacza on treść, na którą należy zwrócić uwagę z powodów czysto użytkowych. Nie nadaje dodatkowej ważności treści ani nie stawia akcentu wypowiedzi. Przydatne przy oznaczaniu słów kluczowych w tekście albo wprowadzenia na początku artykułu. Przykład <b> Ten tekst jest pogrubiony (wytłuszczony)
- HTML dla zielonych / Akapit HTML <p "text-align">
<p>Tu wpisz treść akapitu</p> Akapit (w pewnych warunkach nazywany paragrafem) to pewien ustęp w tekście. Następujące po sobie akapity, są rozdzielone linijką przerwy. Treść akapitu należy wpisać pomiędzy znacznikami <p> oraz </p>. Przyjęło się, że praktycznie każdy zwykły tekst na stronie WWW umieszcza się w akapitach. Pojedynczy akapit przedstawia ustęp w tekście, który nieco różni się tematycznie od poprzedniego. Zamiast stosować dwa znaczniki końca linii: <br><br>, można po prostu objąć...
- Tekst HTML / Pochylenie <i>
<i>...</i> wyświetlanie: w linii Pozwala napisać tekst pismem pochylonym, czyli kursywą (ang. "italic"). Oznacza np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu. Przykład <i> Ten tekst jest napisany pismem pochylonym, czyli kursywą
- Tekst HTML / Czcionka pomniejszona <small>
<small>...</small> wyświetlanie: w linii Wprowadza tekst napisany pomniejszoną czcionką. Reprezentuje przypisy (wyjaśnienia, zastrzeżenia, ograniczenia prawne, prawa autorskie). Wpisując powyższe znaczniki (tego samego rodzaju) jeden wewnątrz drugiego (np.: <small><small>...</small></small>), można zmniejszyć rozmiar tekstu o kilka wielkości. Przykład <small> To jest zwykły tekst... a ten tekst jest napisany czcionką pomniejszoną (small)
- Tekst HTML / Kod komputerowy <code>
<code>...</code> wyświetlanie: w linii Pozwala wprowadzić fragment kodu komputerowego ("wyciąg" z programu lub źródła dokumentu), który jest napisany czcionką monotypiczną (tak jak w przypadku tekstu preformatowanego). Nie uwzględnia on jednak dodatkowych spacji, tabulacji ani znaków końca linii (trzeba używać <br>) oraz jest automatycznie zawijany. Ponieważ powyższy znacznik nie uznaje znaków końca linii, dodatkowych spacji, a także nie blokuje zawijania tekstu na ekranie, zamiast niego...
- Tekst HTML / Klawiatura <kbd>
<kbd>...</kbd> wyświetlanie: w linii Wprowadza na ekran tekst, wskazując, że użytkownik powinien wprowadzić go z klawiatury. Zwykle formatowanie tego elementu jest identyczne jak w przypadku kodu komputerowego. Przykład <kbd> Dla strony głównej serwisu internetowego należy utworzyć plik i nadać mu nazwę: <kbd>index.html</kbd>
- HTML dla zielonych / Wielkość czcionki HTML <span "font-size">
<span style="font-size: rozmiar">Tu wpisz tekst</span> gdzie jako "rozmiar" należy wpisać: xx-small Czcionka najmniejsza x-small Czcionka bardzo mała small Czcionka mała medium Czcionka średnia large Czcionka duża x-large Czcionka bardzo duża xx-large Czcionka największa Przykład <span "font-size"> <span style="font-size: xx-small">Czcionka o rozmiarze xx-small</span> Czcionka o rozmiarze xx-small <span style="font-size: x-small">Czcionka o rozmiarze x-small</span> Czcionka o...