Formatowanie tekstu HTML
Aby dowolny dokument jest jasny i czytelny, musimy pamiętać o formatowaniu tekstu dokumentu. Formatowanie tekstu jest dwóch rodzajów, jakościowych, takich jak rodzina czcionek i ilościowa, takie jak rozmiar czcionki, kolor i więcej. W HTML można wykorzystać różne elementy do stosowania stylów formatowania do elementów dokumentów.
Ten post będzie prowadził:
- Style formatowania HTML
- Jak odważny tekst w HTML?
- Jak kursywać tekst w HTML?
- Jak zrobić tekst w HTML?
- Jak dodać tekst jako indeks dolny w HTML?
- Jak dodać tekst jako instalację górną w HTML?
- Jak podkreślić tekst w HTML?
- Jak podkreślić tekst w HTML?
- Jak sprawić, by tekst był silny w HTML?
- Jak zrobić mały tekst w HTML?
Style formatowania HTML
Kilka stylów formatowania tekstu HTML znajduje się poniżej:
- Pogrubiony
- italski
- Strikethrough
- Indeks
- Napisany u góry
- Podkreślać
- Podkreślić
- Mocny
- Mały
Zaimplementujmy niektóre z nich z przykładami.
Jak odważny tekst w HTML?
HTML "„Znacz jest wykorzystywany do pogrubiania tekstu, aby zwrócić uwagę użytkownika na tekst.
Przykład
W HTML, wewnątrz elementu ciała, dodaj
tag do nagłówka i
tag jak jakiś tekst. Pomiędzy
element, umieściliśmy Rozpoczęcie tagu i Zamknięcie. Treść pomiędzy tymi tagami zostanie sformatowana do BOLD.
Html
Pogrubiony
Ten akapit określa, jak stylizować tekst jako pogrubiony.
W CSS te wymienione tagi byłyby zastosowane z kilkoma właściwościami stylu, aby uzyskać lepszą prezentację.
Styl wszystkie elementy
*Font-Family: Geneva, Sans-Serif, Verdana, Tahoma;
Gwiazdka ( * ) Znak jest wykorzystywany w CSS do zastosowania wszystkich elementów do tych samych właściwości. Więc „rodzina czcionek„Właściwość każdego elementu jest ustawiona jako„Verdana, Genewa, Tahoma, Sans-Serif". Ta lista wartości jest dostarczana w celu zapewnienia, że jeśli pierwsza nie jest obsługiwana przez przeglądarkę, inne zostaną zastosowane do elementów.
Style Div Container
.pojemnikkolor tła: RGB (238, 165, 157);
Szerokość: 90%;
Margines: Auto;
Wyściółka: 10px;
Border: 3px przerywany brąz;
Rozmiar czcionki: 20px;
Tutaj:
- "kolor tła”Właściwość ustawia kolor tła elementu DIV.
- "szerokość„Własność, o wartości 90%, ustawia szerokość elementu DIV na 90%.
- "margines„Własność o wartości”automatyczny”Dodaje równe miejsce wokół elementu.
- "wyściółka„Własność dodaje odstępy wokół zawartości Div Main.
- "granica”Właściwość dostosowuje granicę szerokości 3px, przerywaną linię z kolorem brązowym.
- "rozmiar czcionki”Właściwość ustawia/dostosowuje rozmiar tekstu na 20px.
Z poniższego obrazu jasne jest, że wybrany tekst jest sformatowany odważnym:
Jak kursywać tekst w HTML?
Często dokument musi kursywać tekst, aby pokazać wycenę lub definicję. Aby to zrobić, użyj „”Tag.
Przykład
W HTML dodaj tagi początkowe i zamykające Tag przed i po części do kursywy w następujący sposób:
Ten akapit określa, jak stylizować tekst jako italski.
Wyjście
Jak zrobić tekst w HTML?
Tekst StrikeThrough odnosi się do tekstu o linii. Jest to proste, wykorzystując HTML "”Tag.
Przykład
Dodaj metkę początkową i znacznik zamykający do części tekstu, który ma zostać wykonany, jak pokazano poniżej:
Ten akapit określa, jak stylizować tekst jako Strikethrough.
Wyjście
Jak dodać tekst jako indeks dolny w HTML?
Kloprze jest małym tekstem, który jest wyświetlany nieco poniżej tekstu. Na przykład w wyrażeniach matematycznych. HTML "”Tag może być do tego wykorzystany.
Przykład
Poniższy kod HTML reprezentuje
tag za pomocą części tekstu wewnątrz etykietka:
Ten akapit określa, jak stylizować tekst jako indeks.
Z poniższego obrazu widać, że część tekstu umieszczona wewnątrz podwodnego i zamykanie tagu jest sformatowany jako tekst indeksowy:
Jak dodać tekst jako instalację górną w HTML?
SuperScript to mały tekst, który pojawia się nieco powyżej normalnej linii tekstowej. Ponadto, aby stworzyć tekst superskrypcji html „”Tag jest wykorzystywany.
Przykład
Oto kod reprezentujący
element. Jakaś część akapitu znajduje się w Tag jak pokazano w poniższym kodzie:
Ten akapit określa, jak stylizować tekst jako napisany u góry.
Wybrana część tekstu jest pomyślnie sformatowana jako SuperScript:
Jak podkreślić tekst w HTML?
Czasami konieczne jest zaznaczenie tekstu jako podkreślonego. W tym celu element formatowania tekstu „”Jest obsługiwany w HTML.
Przykład
Poniżej pokazuje kod HTML
Element z pewną częścią znajduje się wewnątrz tagów początkowych i zamykających:
Ten akapit określa, jak stylizować tekst jako podkreślać.
Wyjście
Jak podkreślić tekst w HTML?
W większości dokumentów, aby zwrócić szczególną uwagę czytelników, tekst jest sformatowany, aby podkreślić. HTML "”Tag służy do tworzenia tekstu kursywnego. Czytelnicy podkreślają swoje głosy, gdy czytają podkreślony tekst.
Przykład
Tutaj, początkowe i zamykające tagi Element jest używany w akapicie:
Ten akapit określa, jak stylizować tekst jako Podkreślić.
Wyjście
Jak sprawić, by tekst był silny w HTML?
HTML "„Element jest używany, gdy jest wymagany do wykazywania ważności i pilności poprzez tekst. Ma początkowe tag i zamykający znacznik .
Przykład
Obserwujmy działanie element poprzez wdrożenie go w HTML:
Ten akapit określa, jak stylizować tekst jako mocny.
Wyjście
Jak zrobić mały tekst w HTML?
HTML "”Element jest używany do sprawiania, że rozmiar czcionki jest mały.
Przykład
Poniższa sekcja kodu zawiera
Element z pewną zawartością i część jego części znajduje się między znacznikiem:
Ten akapit określa, jak stylizować tekst jako mały.
Wyjście
Omówiliśmy różne style formatowania HTML i ich zastosowania.
Wniosek
Formatowanie tekstu odgrywa istotną rolę w tworzeniu dokumentu jasno i czytelnego. Dobrze formatowany dokument utrzymuje uwagę użytkownika i pomaga zrozumieć. Aby utworzyć dokument HTML dobrze sformatowany, istnieje kilka tagów formatowych, takich jak „”,„”,„”,„”I więcej, które można odpowiednio wykorzystać. Ten blog wyjaśnił elementy formatowania tekstu w HTML z praktycznymi przykładami.