tekstu - Kurs HTML i CSS
HTML dla zielonych / Wstawienie obrazka HTML <img src alt><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"> 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...
- 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)
- Tekst HTML / Pochylenie <i>
...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>
...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 / Cytat <q>
...cudzysłowów ręcznie. Umieszcza się w nim treść krótkich cytatów, które nie zawierają żadnych akapitów. Jeśli chcemy zacytować dłuższy fragment tekstu z kilkoma paragrafami, powinniśmy wykorzystać znacznik <blockquote>...</blockquote>. Przykład <q> Albert Einstein powiedział: <q>Dwie rzeczy nie mają granic: wszechświat i ludzka głupota.</q> Albert Einstein powiedział: Dwie rzeczy nie mają granic: wszechświat i ludzka głupota.
- Kolory HTML / Generator kolorów HTML
...8 9 A B C D E F Próbka: Odcienie: Bardziej zaawansowany generator kolorów, z możliwością przetestowania komponowania się barw tekstu i tła strony oraz automatyczną konwersją DEC -> HEX i odwrotnie, znajduje się tutaj. ✅ Rozpocznij testowanie kolorów
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...Pomiędzy obrazkiem a tekstem dobrze jest umieścić znacznik końca linii. W przeciwnym razie jeśli zdjęcie będzie za wąskie, pierwsza linijka tekstu może się wyświetlić obok obrazka, a nie pod nim.
- Komendy HTML 4.01 / DT
...CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
...posłużyć następującym kodem: <a href="mailto:jan.kowalski@example.com">...</a>. Dlaczego odsyłacz e-mail nie działa? Zwykle powodem jest brak tekstu "mailto:" przed adresem pocztowym w odnośniku. Poprawnie powinno być np.: <a href="mailto:jan.kowalski@example.com">...</a>.
- Komendy HTML 4.01 / HEAD
Nagłówek dokumentu. Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) PROFILE="adres" Wskazuje lokalizację (adres) jednej lub więcej informacji profilowej META, które są oddzielone białym znakiem Znacznik otwierający: opcjonalny Znacznik zamykający: opcjonalny