Zmiana Postaci Tekstu , , | HTML - Pasja Informatyki

Poznajmy znaczniki podwójne, które zmieniają postać tekstu: wytłuszczenie czcionki <b>, czcionka pochylona (ang. italic) <i>, oraz podkreślenie (ang. underline) <u>. Przykład użycia:

<p>W studiu użyliśmy mikrofonu <b>Shure SM7B</b>.</p> <p>Spojrzał w jej oczy i doświadczył mocnego uczucia <i>déjà vu</i>.</p> <p>Kiedy karmisz Gizmo, upewnij się, że <u>nie minęła północ</u>.</p>

Rezultat w przeglądarce:

W studiu użyliśmy mikrofonu Shure SM7B.

Spojrzał w jej oczy i doświadczył mocnego uczucia déjà vu.

Kiedy karmisz Gizmo, upewnij się, że nie minęła północ.

Oczywiście w tym miejscu naturalnie pojawia się nam w głowie pytanie: czym różni się znacznik <b> od <strong>, oraz tag <i> od <em>? Których znaczników lepiej jest używać i kiedy?

Zasada jest prosta: tagu <b> użyj tylko w przypadku, kiedy zastosowanie <strong> nie wydaje się właściwe w danym kontekście, a tekst mimo wszystko powinien być wytłuszczony. Czyli nie jest to tekst ważny, czy ostrzegawczy, a jedynie chcemy wytłuścić jakieś słowo kluczowe w tekście, nazwę produktu o którym jest mowa, czy istotnego w mowie czasownika.

Zaś jeśli chodzi o znacznik <i> zamiast emfazy <em>, to użyj <i> we wszystkich przypadkach, kiedy nie kładziemy nacisku w wymowie na zadane słowa – na przykład kiedy posługujemy się językowym idiomem.

A co do znacznika <u>, to zachęcam używać go na jak najmniej. Oczywiście warto czasami podkreślić jakieś słowo, ale lepiej zrobić to z użyciem <strong>, gdyż podkreślenie często sugeruje internaucie obecność nałożonego na dane słowo hiperłącza. I to jest mylące. Dlatego ze względu na specyfikę hipertekstu (tekst czytany w Internecie), wszędzie tam gdzie można zamiast podkreślenia <u> (zależnie od kontekstu) stosuj <strong>, <em>, <b> albo <i>. Podkreślenia za bardzo kojarzą się nam podświadomie z linkami.

Poprzedni wpis

Następny wpis

• 06. Produktywność, hiperfokusowanie | Wyprawa do wnętrza ego
• 05. Motywacja, zawód nauczyciela, zjawisko tiltu | Q&A - Pytania Widzów
• 04. Funkcje zaprzyjaźnione | Podejście obiektowe
• Losowanie bez powtórzeń w PHP i C++. Gra Milionerzy | PHP (back-end)
• Terminal, użytkownicy, grupy | Kurs Linuxa

Zamów książki o IT sec z kodem: pasja

Można już zamawiać dwa tomy książek "Wprowadzenie do bezpieczeństwa IT". Mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności! Zamówień można dokonywać tutaj:

Tom 1 Tom 2

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!

Kategorie wpisów

• Programowanie w C++
• Podejście obiektowe
• HTML - Tworzenie stron
• Odcinki video
• Przegląd technologii webowych
• 01. Tworzenie stron www - pierwszy projekt, wiedza podstawowa
• 02. Budowanie struktury strony www
• 03. Linkowanie podstron, przyjazne adresy, fontello
• 04. Listy, automatyczne przewijanie strony
• 05. Nowe znaczniki HTML5, semantyka
• 06. Klasyczne kontrolki formularzy
• 07. Pozostałe kontrolki formularzy
• 08. Flexbox - Układamy bloki na stronie
• Artykuły
• Templatka witryny HTML5, polskie znaki, sekcja head
• Hiperłącza <a> (linki) w HTML
• Wstawienie obrazu <img> do witryny
• Paragrafy <p> czy podwójne <br>?
• Nagłówki (headings) <h1> do <h6>
• Listy nienumerowane <ul> i numerowane <ol>
• Tworzenie tabel w HTML
• Element <span>
• Znacznik <strong>
• Wyróżnienie - emfaza <em>
• Blok cytatu <blockquote>
• Zmiana postaci tekstu <b>, <i>, <u>
• Formularz - znacznik <form>
• Elementy formularza: input text, password, number oraz etykieta label
• Elementy formularza: pole checkbox oraz radio
• Elementy formularza: lista wyboru select
• Elementy formularza: pole wieloliniowe textarea
• Elementy formularza: rodzaje przycisków
• Struktura witryny: Dlaczego nie budować jej z użyciem tabel?
• Struktura witryny: Metoda float:left w połączeniu z clear:both
• Struktura witryny: Metoda display: inline-block
• CSS - Arkusze stylów
• JavaScript (front-end)
• PHP (back-end)
• Bazy danych MySQL
• Kurs Bootstrapa
• Seria hakerska CTF
• Informatyka ogólna
• Nauka, matematyka, logika
• Shorty: Krótkie tutoriale
• Kurs Linuxa
• Wojownik - Poeta
• Wyprawa do wnętrza ego
• Przemyślenia, felietony
• Filozofia Mr. Robot
• Technikalia, YouTube
• Q&A - Pytania Widzów
• Wywiady, rozmowy
• Warsztat kodera
• Użyteczny Python
• Gra w szachy
• Zapisy live

Oto polecana książka warta Waszej uwagi.Pełna lista polecanych książek jest tutaj.

Uwaga - do dnia 01.12 trwa w Helionie Black Week - możemy uzyskać drugą książkę gratis lub -40% na jedną książkę drukowaną albo -50% na ebooka. Warto korzystać - zobacz szczegóły Black Week.

Wsparcie pracy Bądź na bieżąco

Pasja informatyki