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

• Rodzaje sieci komputerowych, topologie fizyczne, przewody sieciowe | Informatyka ogólna
• Stylizowanie hiperłączy z użyciem pseudoklas | CSS - Arkusze stylów
• 07. Siła nawyku. Budowanie i modyfikacja przyzwyczajeń | Wyprawa do wnętrza ego
• 04. Technikalia klawiatur mechanicznych. Jak wybrać sprzęt dla siebie? | Warsztat kodera
• 07. Podcasty, zagadka hakerska, certyfikaty Cisco, assembler, wywiad | Q&A - Pytania Widzów

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ć: [email protected]. 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
• 09. Flexbox - Menu główne z wersją mobilną, czyli tzw. hamburger
• 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

Wsparcie pracy Bądź na bieżąco

Pasja informatyki