iprogramista.pl
  • HTML 5
  • CSS 3
  • Javascript
  • SQL
  • Kolory
    • Kolory HTML - konwerter
    • Kolory HTML - odcienie
  • Narzędzia
    • Edytor HTML
    • Licznik znaków
    • Sprawdź IP
    • Lorem Ipsum generator
    • Enkoder Base64
    • Dekoder Base64
    • Guid generator
    • Kalkulator dni
    • Ile do wakacji
  • Plug-ins
    • Przelewy 24 SDK (C#)
    • BS5 Intro Tour
  • Wprowadzenie do HTML
  • Edytory HTML
  • Podstawowe tagi HTML
  • Elementy HTML
  • Atrybuty HTML
  • Nagłówki HTML
  • HTML Head
  • Paragrafy HTML
  • Formatowanie HTML
  • Style liniowe
  • Definiowanie kolorów
  • Co to jest CSS?
  • Jak stworzyć link?
  • Tabele HTML
  • Listy HTML
  • Block i Inline
  • Class / klasa atrybut
  • Atrybut id

Formatowanie HTML kurs HTML 5

Poprzednia Następna

Edytory tekstu oferują możliwość formatowania czcionki. W języku HTML jest podobnie. Do uzyskania pogrubienia, bądź pochylenia tekstu, wystarczy wykorzystać odpowiedni tag.

Tagi służące do formatowania:

  • <b> - pogrubiony tekst
  • <strong> - pogrubiony tekst o podwyższonym znaczeniu
  • <i> - kursywa
  • <em> - pochylony tekst o podwyższonym znaczeniu
  • <small> - tekst mniejszego rozmiaru
  • <mark> - zaznacza/wyróżnia tekst 
  • <ins> - dodany tekst
  • <del> - usunięty tekst

Pogrubiony tekst

Po krótkim wprowadzeniu, pewnie zastanawiasz się, czy do pogrubienia powinno się wykorzystywać tag <b>, czy może <strong>.

Najczęściej czcionka, wyświetlana w przeglądarce przez te tagi niczym się nie różni. Można jednak zmodyfikować style CSS tak, że czcionka kryjąca się pod znakiem strong, wcale nie będzie pogrubiona. Jeżeli zamierzasz tylko pogrubić tekst, skorzystaj z tagu <b>. Jeżeli chcesz natomiast podkreślić jakąś ważną frazę w tekście, to skorzystaj z tagu <strong>.

Wyszukiwarka internetowa inaczej interpretuje tekst znajdujący się w elemencie <strong>. Nie nalezy jednak nadużywać tego elementu.

Kursywa

Tag <i> oznacza pochylony tekst. Identyczny efekt można uzyskać za pomocą tagu <em>, jednak tu należy być ostrożnym, ponieważ podobnie jak element strong posiada on dodatkowe znaczenie.

Wyszukiwarka inaczej interpretuje tekst znajdujący się w elemencie <em>. Nie nalezy nadużywać tego elementu.

Dodatkowe tagi formatujące.

Tag <small> zmniejsza czcionkę tekstu. Jeśli chcesz wyróżnić jakiś tekst możesz to zrobić za pomocą <mark>. Jeżeli chcesz zaznaczyć jakiś nowo dodany fragment w tekście lub tekst który już nie jest aktualny, możesz posłużyć się odpowiednio <ins> i <del>.

Poprzednia Następna

Kursy programistyczne

Oferujemy darmowe kursy programowania od podstaw.


Lista kursów

HTML 5

CSS 3

Javascript

SQL


Kontakt

info@iprogramista.pl


©2019-©2025 Copyright: iprogramista.pl