Tagi formatu HTML - Formatowanie tekstu i różne typy znaczników w HTML

Spisie treści:

Anonim

Tagi w formacie HTML

W HTML znaczniki są najważniejszą rzeczą. Po wprowadzeniu HTML znajomość i zrozumienie tagów jest podstawową potrzebą, ponieważ jest to separator odróżniający kod HTML od zwykłego tekstu. Są to tagi używane do wyświetlania dokumentu jako zwykłego lub przekształconego tekstu jako instrukcja. Co to jest przekształcony tekst? Aby wyświetlić serię obiektów, przekształcony tekst jest kodem. Obiektami mogą być media, hiperłącza, obrazy lub inne metody formatowania.

Na przykład powiedz w zdaniu „To jabłko”, zwykły format tekstu to „To jabłko”, a pogrubiony format to „ To jabłko ”. Ten format osiąga się za pomocą znacznika.

Jak pomagają tagi formatu HTML?

HTML zapewnia nam różne opcje formatowania, które można włączyć za pomocą tagów. Możesz sprawić, że Twój tekst będzie pogrubiony, podkreślony, pochylony i wiele więcej. Może pomóc poprawić wygląd strony internetowej, ułatwiając surfowanie. Jeśli jednak do formatowania używana jest duża różnorodność, może się okazać, że dzieje się odwrotnie.

Przydatne tagi HTML

Przejrzyjmy niektóre z najbardziej przydatnych tagów, które mogą pomóc w projektowaniu tekstów.

  • Tagi nagłówka

Nagłówki są początkiem każdego dokumentu. W HTML można stosować kilka nagłówków rozmiaru. Oferuje 6 poziomów nagłówka

do

, gdzie h6 jest najmniejszą pozycją, a h1 jest największą pozycją. Oprócz nagłówka domyślnie pozostawia się pustą linię.

  • Tag akapitu

Pozwala to zdefiniować strukturę dokumentu w akapitach. Używasz

i

odpowiednio po rozpoczęciu i zakończeniu akapitu.

  • Znacznik podziału linii

Znacznik podziału linii powinien być używany do rozpoczęcia tekstu od następnego wiersza. Brak dostępnych tagów otwierających i zamykających.

  • Linie poziome

Linie poziome są używane do podziału lub oddzielenia różnych sekcji w dokumencie. Od pozycji kursora do skrajnego prawego marginesu rysowana jest linia pozioma.

  • Tag środkowy

Ten znacznik służy do przeniesienia zawartości dowolnej strony lub komórki tabeli na środek.

  • Wstępnie sformatowany tag

Wstępnie sformatowany znacznik służy do zachowania już istniejącego formatu dokumentu HTML. Po wprowadzeniu tego znacznika przestrzegany jest ten sam format.

 jest używany jako tag otwierający, natomiast 
służy jako znacznik zamykający.

  • Tag czcionki

Jak sama nazwa wskazuje, służy do nakładania określonej czcionki na tekst. Ma trzy główne atrybuty - twarz, rozmiar i kolor. Twarz oznacza nazwę czcionki, np. „Monotype Corsiva”, „Times New Roman” itp., Która służy do zmiany powierzchni czcionki. Kolor czcionki można zmienić za pomocą znacznika (*), a jej rozmiar można zmienić za pomocą. Do zmiany rozmiaru czcionki w stosunku do poprzedniego tekstu można użyć.

  • Pogrubiony tag

Aby pogrubić tekst, ten znacznik jest używany. służy jako znacznik otwierający i służy jako znacznik zamykający.

  • Kursywa

Aby napisać kursywą, ten znacznik jest używany. służy jako znacznik otwierający i służy jako znacznik zamykający. Kursywa to lekko nachylony format tekstu.

  • Podkreśl tag

Aby podkreślić tekst, ten znacznik jest używany. służy jako znacznik otwierający i służy jako znacznik zamykający. Wszystkie linki w HTML są już podkreślone, więc wyeliminowano potrzebę korzystania z nich.

  • Tag przekreślony

Aby przeciąć dowolny tekst, ten znacznik rysuje linię przez jego środek. To pokazuje, że tekst ma zostać usunięty lub nie będzie już używany. Na jego miejscu możesz także użyć.

  • Tag kodu źródłowego

Podczas używania tego znacznika czcionka tekstowa w dokumencie jest sformatowana na czcionkę kodu źródłowego i ma stałą szerokość.

  • Tag tekstowy do pisania

Czcionka tekstu staje się podobna do czcionki pisanej za pomocą maszyny do pisania i ma stałą szerokość.

  • Tag Blockquote

Aby utworzyć długą ofertę, używa się tego znacznika. Bardzo szeroki margines jest pokazany po lewej stronie tego cytatu.

  • Mały

W stosunku do otaczającego go tekstu rozmiar czcionki jest nieco mniejszy. Eliminuje to potrzebę oddzielnego ustawiania rozmiaru czcionki. Przydaje się, gdy trzeba wyświetlić „drobny druk”.

  • Tag wyróżnienia

Zwykle pomaga to podkreślić kursywę. Ten atrybut może się jednak różnić w zależności od przeglądarki.

  • Tag silnego nacisku

Najczęściej służy to do dalszego podkreślenia i tak już pogrubionego tekstu. Ten atrybut może się jednak różnić w zależności od przeglądarki.

  • Usunięto tag tekstowy

Pomiędzy tymi dwoma znacznikami wszystkie teksty są wyświetlane jako usunięte.

  • Wstawiony znacznik tekstowy

Pomiędzy tymi dwoma znacznikami wszystkie teksty są wyświetlane jako wstawione.

  • Oznacz znacznik

Ten znacznik służy do oznaczania lub podświetlania tekstu.

  • Napisany u góry

Tekst między znacznikiem otwierającym i zamykającym jest zapisywany jako indeks górny podczas używania tego znacznika, przy czym rozmiar jest taki sam jak otaczającego tekstu.

  • Tekst indeksu dolnego

Tekst między znacznikiem otwierającym i zamykającym jest zapisywany jako indeks dolny podczas używania tego znacznika, przy czym rozmiar jest taki sam jak otaczającego tekstu.

Wniosek

Bardziej niż wygląd, tagi formatu HTML naprawdę definiują strukturę dokumentu, która poprawia ostateczny wynik. Nawet bez wiedzy o kodzie CSS znaczniki formatu HTML pomagają sformatować tekst w najbardziej unikalny sposób. Po uzyskaniu krótkiego wglądu w tagi, ten post byłby niezwykle przydatny zarówno dla początkujących, jak i ekspertów. Gdy zaczyna się wprowadzać coraz więcej elementów tekstowych na stronie internetowej, włączenie różnych właściwości za pomocą tagów HTML jest najłatwiejszym sposobem zaprojektowania elementów tekstowych na stronie internetowej.

Polecane artykuły

To był przewodnik po znacznikach formatu HTML. Tutaj omówiliśmy, co to jest znacznik formatu HTML, potrzeba znaczników i kilka różnych typów znaczników formatujących. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej -

  1. Wprowadzenie do HTML
  2. Samouczki o tym, jak działa HTML
  3. Co oznacza skrót HTML?
  4. Różnice między HTML a XML
  5. Ramki HTML
  6. Przewodnik po znacznikach formatowania tekstu HTML